three.js
7篇文章 · 0订阅
  • 基于three.js的3D炫酷元素周期表
    因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样）。可能一部分人已经见过这个经典动画了。（这里是原项目地址：https://threejs.org/examples/css3d_periodictable.html） 除了优化了原来的HELIX和G…
    three.js WebGL
    基于three.js的3D炫酷元素周期表
  • 一起炫起来 -- 3D粒子动画篇
    实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…
    JavaScript 数据可视化 Canvas
    一起炫起来 -- 3D粒子动画篇
  • three.js全景漫游实践
    three.js 3D全景漫游，完整的全景案例，从0到1的开发步骤，附属进场效果，各个环节的demo。
    three.js
  • 一步步带你实现web全景看房——three.js
    1. 基本概念 在THREEjs中，渲染一个3d世界的必要因素是场景（scene）、相机（camera）、渲染器（renderer）。渲染出一个3d世界后，可以往里面增加各种各样的物体、光源等，形成一个3d世界： 正交摄像机是一个矩形可视区域，物体只有在这个区域内才是可见的物体…
    JavaScript three.js
  • THREE shader实现高性能的动画（一）— 重复贴图箭头动画
    shader：GPU流水线上一些可以高度编程的阶段，是GPU上运行的代码。 顶点着色器vertexShader：定义顶点的位置，大小。每个顶点都会执行一次。 片元着色器fragmentShader：定义画出来的物体的材质（颜色，反光度等）。每个像素片元都会执行一次代码。 需求—…
    three.js
  • 看完这篇，你也可以实现一个360度全景插件
    本文从绘图基础开始讲起，详细介绍了如何使用Three.js开发一个功能齐全的全景插件。 如果你对Three.js已经很熟悉了，或者你想跳过基础理论，那么你可以直接从全景预览开始看起。 OpenGL是用于渲染2D、3D量图形的跨语言、跨平台的应用程序编程接口（API）。 这个接口…
    three.js
  • Three.js 动效方案
    Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …
    WebGL three.js
    Three.js 动效方案