关注
分享
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。
Ning+
这个作者很懒，什么都没留下…
展开
-
【ThreeJS】基础教学 创建一个立方体
因为看到ThingJS中的文章http://forum.thingjs.com/thread-55013.htm讲THREE很难学，大家不要被吓到，因为其实是很简单的；就拿他文章里的代码注释一遍给大家学习参考吧；<!DOCTYPE html><html lang="en"><head> <title>three.js web...原创 2020-04-24 11:07:03 · 2180 阅读 · 0 评论 -
【JS笔记】Javascript定义类（class）
/*!* CesiumControl Javascript Library* Ning+ - v1.0.0 (2020-02-24)* https://me.csdn.net/o0pk2008/ | Released under MIT license*/var Ue4Class = { createNew: function() { var Ning ...原创 2020-02-24 10:51:53 · 267 阅读 · 0 评论 -
【JS】jquery-3.4.0实现点击不同的li,切换到对应的div内容
HTML：<ul class="tabItems"> <li class="active">1</li> <li>2</li> <li>3</li></ul><div class="content"> <div>1</div>...原创 2019-10-21 16:23:45 · 1148 阅读 · 0 评论 -
【JS】JS/JQ iframe与父级之间相互通讯
JS在iframe中获取父窗口的元素window.parent.document.getElementById("id").innerText = "string";jquery在父窗口中获取iframe中的元素//调用子frame中的元素；$("#iframeMain").contents().find("#id").click();//调用子frame中的方法；$("#...原创 2019-10-21 13:45:15 · 281 阅读 · 0 评论 -
【JS】javaScript 函数节流
什么是javascript函数节流？从其字面意思可以大概猜到是一种为提升函数调用执行性能的一种方法。javascript函数节流就是针对调用频率高的函数，通过设置定时器，使其在执行后间隔一段时间，才进行下一次的执行，避免重复频繁的调用导致的浏览器性能以及ajax重复调用问题。函数节流的经典应用场景：onresize，scroll，mousemove ,mousehover等事件回调函数的无间断...转载 2019-10-16 22:10:48 · 155 阅读 · 0 评论 -
禁止Sublime Text 3提醒更新新版本的完整方法
禁止Sublime Text 3提醒更新新版本的完整方法1.找到Preferences -> Settings-User（设置用户）2.在最后一个花括号{}中添加：”update_check”:false{ "font_size": 11, "ignored_packages": [ "Vintage" ], //se...原创 2019-10-16 16:40:01 · 1477 阅读 · 2 评论 -
【ThreeJS】场景后处理增加圆形暗角效果
1.Shader脚本var DarkMaskShader = { uniforms: { "tDiffuse": { value: null }, "maskColor": { value: new THREE.Color(0x000000) }, "maskAlpha": { value: 1.0 }, "markRadius": {...原创 2019-09-29 19:11:23 · 1293 阅读 · 0 评论 -
【ThreeJS】自己写的一个ThreeJS的粒子发射器
因为最近项目需要基于ThreeJS做很多粒子特效，感觉UE4的粒子发射器做这种效果会比较方便，所以就以UE4粒子发射器的思路手写了一个ThreeJS的粒子发射器，思路很简单：1.生产粒子；2.管理粒子；3.粒子运动；4.粒子发射；后期还可以根据需要扩展很多其他的功能效果；代码如下：//生产粒子 Ning+function GreatSprite() { var text...原创 2019-09-11 15:32:44 · 1389 阅读 · 0 评论 -
【ThreeJS】平滑切换相机位置方法
// current1 相机当前的位置// target1 相机的controls的target// current2 新相机的目标位置// target2 新的controls的targetvar tween;function animateCamera(current1, target1, current2, target2) { let positionVar =...原创 2019-09-11 15:31:20 · 5725 阅读 · 4 评论 -
【ThreeJS】拓扑圆形布局算法
for (var i = 节点数; i > 0; i--) { let centerX = 0; //中心点X let centerZ = 0; //中心点Y let radius = 1.3; //半径 let x = centerX + (radius * Math.cos(Math.PI * 2 / 节点数 * i)); let z = c...原创 2019-09-11 15:28:32 · 1463 阅读 · 0 评论