︎

Yichun Lan @NYU ITP


yi.chun.lan@nyu.edu



Real Time Social Space - 2023

Syllabus     Homework


Week 12



Two renders test:
(so I can have a screen with live web content in my Karaoke experience!)



Js part


HTML



Sence:
(but locally can see another user)


BloomPass!









Some useful link and example:

Material/Texture

Emissive texturehttps://discourse.threejs.org/t/selectivebloom-blooming-the-whole-model-emissive-texture/33679

Override Material
https://stackoverflow.com/questions/56660584/how-to-override-gltf-materials-in-three-js

Disco Ball
https://codepen.io/ksenia-k/pen/ZEjJxWQ?editors=1010



Render iframe


CSS render example (render iframe in 3D scene)

https://github.com/mrdoob/three.js/blob/f021ec0c9051eb11d110b0c2b93305bffd0942e0/examples/css3d_youtube.html

https://discourse.threejs.org/t/rendering-multiple-scenes-with-renderpass/24648

https://discourse.threejs.org/t/how-can-i-embed-an-iframe-in-three-js-3d-modeling/44075/2

https://adndevblog.typepad.com/cloud_and_mobile/2015/07/embedding-webpages-in-a-3d-threejs-scene.html


Html Control

Disable scrolling
https://stackoverflow.com/questions/28411499/disable-scrolling-on-body


Html element with 3D scene


Text follow object!
https://threejs.org/examples/css2d_label.html