CS_Joe

在本文中，我将介绍如何在 react 项目中使用 react-three-fiber 创建的一个3D 软件程序，配置3D 参数(如Blender或Maya)...

最近为码上掘金编程挑战赛写了一个带AI的黑白棋游戏，代码比较简单，不到五百行，棋力也还可以，一般非专业的同学很难取胜。今天我来说说如何使用原生JS实现这样的游戏。...

本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野...

粒子 particle 和 精灵 sprite 是在三维开发中经常用到的网格模型，在 Three.js 中使用 THREE.Points 可以非常容易地创建很多细小的物体，...

摩天轮动画的实现揭秘 恰好近期业务上开发了类似这样的摩天轮动画，我将其中的实现原理分享给大家。摩天轮动画主要分为 2 部分，一个是摩天轮上每个房间位置布局，另一个就是旋转动...

弹簧系统三维可视化 实现历程 实现弹簧系统可视化需要经历模拟和渲染，模拟和渲染实际上是两个不同步骤。 模拟：输入物体质量和位置以及收到的力，输出该物体下一时刻的位置 渲染：...

js随机数 js只要调用Math.random就能生成 0-1之间的随机数，虽然是伪随机，也够用了。 如果觉得不够也可以使用crypto,代码如下,返回结果同样是0-1。...

本节学习了如何让模型更加真实的渲染。通过添加环境贴图、renderer 拟真优化等方式完成。通过outputEncoding, toneMapping 等能力让渲染更加真实...

本篇我们看一下three.js官方示例的webgl_lights_physical 了解一下3D 中光线和物体的之间的作用。...

前端开发存在大量处理用户交互的场景，对于 React 开发者来说要在处理复杂交互的同时保证可维护性和性能更是一大难点。react-spring 为我们处理此类场景提供了一种...

「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」 简介 本节主要讲解，通过几何体组合成一个坦克形状的物体。让这个物体按照我们规定的线路移动，...