three.js
6篇文章 · 0订阅
  • Three.js粒子特效，shader渲染初探
    关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…
    three.js Canvas JavaScript
    Three.js粒子特效，shader渲染初探
  • 使用 three.js 中的 CSS3DRenderer 实现 3d 卡片的效果
    第一次尝试选择了我比较熟悉的 PixiJS，关于我如何用 PixiJS 中的 Sprite3d 做了一个失败的 3D 卡片，可以 戳这里查看。 有了第一次失败的经历，果断老实选择使用 three.js 来实现 3d 效果。 但为什么选择使用 CSS3DRenderer 实现，可…
    前端 three.js
  • 一步步带你实现web全景看房——three.js
    1. 基本概念 在THREEjs中，渲染一个3d世界的必要因素是场景（scene）、相机（camera）、渲染器（renderer）。渲染出一个3d世界后，可以往里面增加各种各样的物体、光源等，形成一个3d世界： 正交摄像机是一个矩形可视区域，物体只有在这个区域内才是可见的物体…
    JavaScript three.js
  • 初识three.js，搭建three.js+vue.js项目
    简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…
    Vue.js JavaScript WebGL
  • Three.js 实现2022冬奥主题3D趣味页面 🐼
    迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括
    前端 three.js
    Three.js 实现2022冬奥主题3D趣味页面 🐼
  • 带你入门three.js——从0到1实现一个3d可视化地图
    前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇
    • Fly
    • 4年前
    • 52k
    • 114
    three.js 前端
    带你入门three.js——从0到1实现一个3d可视化地图