Гигантское Чёрное солнце с астероидами на TREE Canvas
Шикарная инсталляция - гигантское чёрное солнце где-то в глубинах космоса с вращающимися вокруг него поясами из астероидов. Выглядит впечатляюще!
Для начала посмотрите ДЕМО
Установка:
На страницах, где должен быть этот эффект, сразу после тега body вставьте:
1 2 3 4 5 6 7 8 9 |
<div id="canvas"></div> <script id="vertexShader" type="x-shader/x-vertex"> varying vec3 vNormal; void main() { vNormal = normalize( normalMatrix * normal ); gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); } </script> <script id="fragmentShader" type="x-shader/x-vertex"> varying vec3 vNormal; void main() { float intensity = pow( 0.7 - dot( vNormal, vec3( 0.0, 0.0, 0.5 ) ), 4.0 ); gl_FragColor = vec4( 1.3, 1.0, 1.0, 1.0 ) * intensity; } </script> <script type="text/javascript" src="/js/three.min.js"></script> <script type="text/javascript" src="/js/black_sun.js"></script> |
Осталось лишь залить два JS файла из прикреплённого архива в папку js
Сериал 4400 вспомнился