每个程序员都有一个游戏梦，都想开发一款让别人爱不释手的游戏。游戏开发引擎很多像Unity 3D，cocos2d，白鹭（Egret），LayaBox，threeJs等等。一个偶然的机会，看到gitee上举办趣味魔改贪吃蛇游戏，出于程序员的自信心的驱使，加上爱折腾的心思便果断报名参加了。今天和大家一起看 ...
分类：
编程语言 时间：
2021-06-02 18:49:36
阅读次数：
0
###前言 threejs中想实现模型模型透明，显示里面模型的效果。 ###尝试 首先肯定是拿两个几何体进行尝试，其实只要在材质中开启透明和设置透明度就好了，如果没效果，建议更换材质试试。 var material = new THREE.MeshBasicMaterial({ transparen ...
分类：
Web程序 时间：
2021-04-10 13:38:26
阅读次数：
0
shader之threejs应用 shader用作编写threejs自定义材质的着色器。 效果： 代码： <template> <div class="threeModel"> <div id="modelBox"></div> </div> </template> <script> import ...
分类：
Web程序 时间：
2021-01-25 11:14:53
阅读次数：
0
ThreeJS学习7_裁剪平面(clipping) 1. 裁剪平面简介 裁剪平面指的是存在一个平面, 能够对场景中的物质进行截断, 这个平面就是裁剪平面, 裁剪平面分为全局的裁剪和局部裁剪 全局裁剪指的有一个平面裁剪了整个场景的物体, 这需要在renderer中设置 局部裁剪指的有一个平面裁剪裁剪指 ...
分类：
Web程序 时间：
2020-10-26 11:10:28
阅读次数：
37
偶然翻滴滴官网看到首页下翻第六栏（大概）有个绚丽的地球的三维动画，试着用there.js实现了下，基本实现了动画效果，不过还是有些问题；这个动画看似简单，但也用到好的绘制方法和计算，这里先写一下主要功能的实现； 先看示例：http://39.106.166.212:8080/webgl/t4（由于是 ...
分类：
Web程序 时间：
2020-07-13 09:26:09
阅读次数：
220
效果图 在线演示地址： http://oa.hopenchina.com:8086/webgl/sprite.html 完整代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
分类：
Web程序 时间：
2020-07-12 23:59:38
阅读次数：
230
threejs 绘制地球、飞机、轨迹 threejs官网：https://threejs.org/ 首先我们来看下要实现的效果 这个缩小后的图片，下面我们来看下近距离的动态效果。。 效果比较简陋，需要后期再处理。。。 下面进入主题，代码篇。。 HTML部分： <!DOCTYPE html> <htm ...
分类：
Web程序 时间：
2020-06-30 20:32:56
阅读次数：
56
“未来早已到来，只是尚未流行。”——K.K 最近，由于业务的需求，笔者的团队终于迈进了3d时代。 其实，早在2017年，笔者便开始尝试前端的3d探索，因为当时主要的业务场景是运营活动，求新、创新便是活动的特性。不过，当时由于种种原因，最后未能落地，但未曾想到，会在3年后有了落地的时刻： 动态效果请查 ...
分类：
Web程序 时间：
2020-06-13 19:09:38
阅读次数：
146
从网上大神那儿找来的代码，稍微修改了一下，ThreeJS感觉好难用，文档写的太简单了，不好下手 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>3D</title> <link href="./css/ind ...
分类：
Web程序 时间：
2020-05-10 21:05:53
阅读次数：
367
1. 概述 1.1 什么是WebGL？ WebGL是在浏览器中实现三维效果的一套规范 想要使用WebGL原生的API来写3D效果的话，很吃力。three.js是WebGL的一个开源框架，它省去了很多麻烦的细节。 1.2 初识three.js 什么是threejs，很简单，你将它理解成three+js ...
分类：
Web程序 时间：
2020-05-07 15:06:21
阅读次数：
108
