51CTO博客>热门标签>threejs json

threejs json

全部文章近期文章热门文章标签简介

【threejs json】内容共 240 条

转载 Threejs 物体闪烁

摸索经验告诉我，对物体的材料关闭深度检测有奇效。即：depthTest: false有同类问题的童鞋可以试试。

threejs

闪烁

关闭深度检测

阅读 0 评论 0 点赞 0

wx6248168e4468f 49 天前
转载 ThreeJs 基础入门

本文来自网易云社区作者：唐钊 Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它在 web 中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解 webgl 的世界。 3D 场景...

ThreeJs

网易云

3d

json

贴图

阅读 54 评论 2 点赞 0

mob604756fb3b48 1337 天前
转载 threejs translateOnAxis理解

threejs translateOnAxis理解 var axis = new THREE.Vector3(1,22,0);//向量axis // mesh.translateOnAxis(axis,300);//沿着axis轴表示方向平移300 注意这个地方要乘以向量的 300是对于1 ...

threejs

公众号

javascript

阅读 236 评论 2 点赞 0

mob60475704c528 486 天前
转载 QML threeJS应用

threejs在h5的领域能够支持非常多的效果，比如点云，鼠标控制等等，尤其是example中有大量的扩展与应用，是非常值得推荐的三维引擎threejs在qml中是被阉割版本的针对渲染器进行大量的调整，保留的renderer仅针对...

QML threeJS

阅读 181 评论 2 点赞 0

mob604756f33d49 374 天前
转载 Threejs学习一

Threejs学习和总结前传学习 Three.js 之前要知道的什么是 WebGL？ WebGL（Web 图形库）是一种 JavaScript API，用于在任何兼容的 Web 浏览器中呈现交互式 3D 和 2D 图形，而无需使用插件。WebGL 通过引入一个与 ...

three

3d

javascript

封装

易用性

阅读 168 评论 0 点赞 0

mb5fdcad0be2e90 302 天前
转载 ThreeJs 基础入门

本文来自网易云社区作者：唐钊 Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它在 web 中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解 webgl 的世界。 3D 场景...

ThreeJs

网易数帆

3d

json

贴图

阅读 51 评论 2 点赞 0

mob604756eff415 1337 天前
转载 threejs球体旋转与场景旋转_threejs中矩阵旋转原理

矩阵的概念threejs中的矩阵矩阵的应用用于旋转一个几何体创建一个立方体cube放到场景中；绕向量(1,1,0)旋转30度var axis = new THREE.Vector3(1,1,0); //创建一个三维向量var rotWorldMatrix = new THREE.Matrix4();...

threejs

球体旋转

旋转矩阵

矩阵相乘

ios

阅读 0 评论 0 点赞 0

wx6248168e4468f 49 天前
转载 threejs学习笔记(5)

demo地址：http://www.adanghome.com/js_demo/36/ ======================================================== 1）threejs的坐标体系是这样：x—负左正右;y—负下正上;z—负屏幕里正屏幕外(负小正大)。 2）rende...

背景色

ide

css

构造函数

数据

阅读 73 评论 2 点赞 0

mb5fe55a455f6b0 2977 天前
转载 threejs 简单的demo

threejs 简单的demo 因为CSS3 写3D 会存在各种兼容性问题用pixijs又没可视化界面所以用threejs写3D 最稳妥<!DOCTYPE html><html><head> <title></title> <style> can...

threejs

html

3d

javascript

css3

阅读 75 评论 2 点赞 0

mob604756f9eb4d 578 天前
转载 threejs学习笔记(9)

demo地址：http://www.adanghome.com/js_demo/40/ ===================================================== 1）可以通过设置camera的位置和lookAt的方向来实现动画。主角移动时，会有很好的代入感。 2）可以通过Ma...

编程技巧

数据

阅读 45 评论 2 点赞 0

mb5fe55a455f6b0 2976 天前
转载 threejs学习笔记(11)

demo地址：http://www.adanghome.com/js_demo/44/ ===================================================== 1）通过设置法线贴图和高光贴图，可以让mesh显得更有质感（凹凸、反射）。值得注意的是，网上的示例和《...

群组

3d

贴图

数据

阅读 117 评论 2 点赞 0

mb5fe55a455f6b0 2913 天前
原创 threejs 贴图动画总结

引言在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。流动动画流动动画通过设置贴图的repeat属性，并不断改变贴图对象的offset让贴图产生流动效果...

贴图

加载

gif动画

阅读 102 评论 0 点赞 0

ITman彪叔 149 天前
转载 threejs学习笔记(10)

demo地址：http://www.adanghome.com/js_demo/41/ ==================================================== 1）webgl的原生接口是不带阴影功能的，而threejs对阴影做了封装，简单设置几个参数就可以实现阴影了。 ...

二维

自动生成

封装

数据

阅读 48 评论 2 点赞 0

mb5fe55a455f6b0 2975 天前
转载 threejs学习笔记(1)

demo地址：http://www.adanghome.com/js_demo/31/ 需要支持webgl的浏览器，比如pc上的chrome。先吐个槽，threejs的学习资料真心少，官方的文档和教程几乎可以忽略不计。。。好了，笔记开始。 1）threejs的基...

实例化

线框

chrome

点光源

自定义

阅读 53 评论 2 点赞 0

mb5fe55a455f6b0 3164 天前
转载 threejs学习笔记(6)

demo地址：http://www.adanghome.com/js_demo/37/ ================================================ 1）CylinderGeometry类是用于设置圆柱的，接收上截面直径、下截面直径、高度、截面数、是否封顶盖这几个参数...

数组

数据

阅读 42 评论 2 点赞 0

mb5fe55a455f6b0 2976 天前
转载 threejs学习笔记(4)

demo地址：http://www.adanghome.com/js_demo/34/ ========================================= 画了条线条。 1）threejs里记录一个位置是通过Vector3这个向量表示的，但向量没法直接显示，一定要通过geometry来...

插值

渐变色

数据

阅读 44 评论 2 点赞 0

mb5fe55a455f6b0 3108 天前
原创 threeJS 基本概念

坐标系右边为x轴正方向，上为y正方向，外为z正方向，坐标系远点在屏幕的中心点。摄像机相当于人眼。THREE.DefaultLoadingManager是LoadingManager的一个对象实例。很多类都是继承了object3D类，其中camera的up可以设...

threejs

基本概念

阅读 1316 评论 0 点赞 0

csboyty 1372 天前
转载 threejs学习笔记(3)

demo地址：http://www.adanghome.com/js_demo/33/ 点击canvas区域，可以停止方块的转动，再次点击开启转动。这次的练习主题是贴纹理，不再是简单的放个颜色了。 1）纹理的实现是通过material实现的，具体代码如...

抗锯齿

图片加载

加载器

实际案例

加载图片

阅读 72 评论 2 点赞 0

mb5fe55a455f6b0 3150 天前
转载 threejs学习笔记(8)

demo:http://www.adanghome.com/js_demo/39/ =========================================== 1）材质可以设置透明度，需要同时设置transparent:true,和opacity:0.5。如果只设置其中一个，是没有效果的。 2）设置为...

ide

缓存

数据

阅读 52 评论 2 点赞 0

mb5fe55a455f6b0 2976 天前