当前位置:网站首页>three. JS gorgeous bubble effect
three. JS gorgeous bubble effect
2022-07-06 22:35:00 【Ziwei front end】
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
canvas {
position: fixed;
width: 100%;
height: 100%;
}
const nbObjects = 800;
var conf, scene, camera, cameraCtrl, light, renderer;
var whw, whh;
var objects;
var spriteMap, spriteMaterial;
var mouse = new THREE.Vector2();
var mouseOver = false;
var mousePlane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
var mousePosition = new THREE.Vector3();
var raycaster = new THREE.Raycaster();
function init() {
conf = {
opacity: 0.8
};
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 1000);
cameraCtrl = new THREE.OrbitControls(camera);
cameraCtrl.autoRotate = true;
cameraC
边栏推荐
猜你喜欢
pytorch_YOLOX剪枝【附代码】
signed、unsigned关键字
Aardio - Method of batch processing attributes and callback functions when encapsulating Libraries
NPDP certification | how do product managers communicate across functions / teams?
Leetcode: interview question 17.24 Maximum cumulative sum of submatrix (to be studied)
AdaViT——自适应选择计算结构的动态网络
Signed and unsigned keywords
0 basic learning C language - digital tube
剑指offer刷题记录1
手写ABA遇到的坑
随机推荐
const关键字
Export MySQL table data in pure mode
Const keyword
MySQL教程的天花板,收藏好,慢慢看
Config:invalid signature solution and troubleshooting details
新手程序员该不该背代码?
Mysql database basic operations DML
Gd32f4xx serial port receive interrupt and idle interrupt configuration
NPM cannot install sharp
Unity3d minigame-unity-webgl-transform插件转换微信小游戏报错To use dlopen, you need to use Emscripten‘s...问题
Daily question 1: force deduction: 225: realize stack with queue
树的先序中序后序遍历
config:invalid signature 解决办法和问题排查详解
General implementation and encapsulation of go diversified timing tasks
HDU 5077 NAND (violent tabulation)
go多样化定时任务通用实现与封装
Lora sync word settings
UVa 11732 – strcmp() Anyone?
What are the specific steps and schedule of IELTS speaking?
volatile关键字