乐胖代购免代理版

欢迎

Three.js 闪电效果

【代码】Three.js 闪电效果。

webgl

three.js

shader

glsl

Line

原创 1天前 15 阅读

glsl波纹扭曲纹理-threejs后处理画面扭曲

【代码】glsl波纹扭曲纹理。

three.js

SHADER

webgl

glsl

shader

原创 8天前 19 阅读

c++ 输入三条边绘制三角形

【代码】c++ 输入三条边绘制三角形。

c++

#include

i++

背景色

原创 8天前 16 阅读

ExecStart=/usr/bin/mongod --config /etc/mongod.conf (code=exited, status=2)

mongodb 开启验证后出现这个问题。要用两个空格表示缩进而不是tab。邪门的问题居然是格式问题。

mongodb

缩进

原创 10天前 17 阅读

glsl基于LTC的面光源渲染 - 矩形光通过three.js

【代码】glsl基于LTC的面光源渲染 - 矩形光通过three.js。

webgl

three.js

shader

glsl

ide

原创 15天前 45 阅读

glsl基于LTC的面光源渲染 - 圆盘光

【代码】glsl基于LTC的面光源渲染 - 圆盘光。

three.js

webgl

shader

glsl

ci

原创 15天前 46 阅读

three.js使用ShaderMaterial实现平行光光源demo

这是仅次于环境光简单的光

three.js

shader

着色器

顶点着色器

置数据

原创 24天前 19 阅读

three.js使用ShaderMaterial实现聚光灯光源demo

three.js使用ShaderMaterial实现聚光灯光源demo。

three.js

SHADER

webgl

glsl

Math

原创 24天前 54 阅读

WebGL读取画布任意像素颜色WebGLRenderingContext.readPixels

该方法是读取当前当前缓冲区(framebuffer)的不过three提供的方法可以传入指定的RednerTarget。three实现的思路是通过先绑定传入的

webgl

edn

原创 29天前 10 阅读

判断点与平面的前后关系-three.js

通过点积判断物体到相机向量和法线向量 > 0 背面， < 0 正面。

three.js

webgl

点积

原创 29天前 0 阅读

THREE.JS Blinn–Phong反射模型高光shader

在threee.js中实现Blinn–Phong反射模型高光shader部分

javascript

three.js

shader

#ifdef

ci

原创精选 1月前 160 阅读

Three.js遮罩多场景穿梭过渡

在靠近门时完全渲染一个场景在穿过门的同时切换场景关系。渲染一个遮罩亮的区域为需要显示另一个场景的区域。获取穿梭

javascript

前端

开发语言

sed

Data

原创 1月前 104 阅读

Cook-Torrance 直接高光反射模型

<html> <head> <title>Cook-Torrance BRDF computed by shader</title> <style> body { font-fa#f0f0f0; margin: 0px

three.js

shadow

SHADER

G1

html

原创 1月前 3 阅读

ReflectedLight.directSpecular 直接反射计算shader

【代码】ReflectedLight.directSpecular 直接反射计算shader。

SHADER

#ifdef

#endif

ide

原创 1月前 8 阅读

灯光uniforms传递准备工作

【代码】灯光uniforms传递准备工作。

javascript

webgl

three.js

Math

ci

原创 1月前 54 阅读

THREE.JS法线Shader

threejs会自动将normalMatrix传递至uniform 这一计算放在CPU中更好

javascript

开发语言

ecmascript

原创 1月前 50 阅读

three.js 让阴影更黑更暗

r166 可以通过设置intensity属性来配置每个光源的阴影强度。或者修改shader。

javascript

three.js

shadow

原创 1月前 39 阅读

GLSL 棋盘shader

【代码】GLSL 棋盘shader。

前端

three.js

glsl

shader

原创 1月前 12 阅读

threejs替换全部物体材质

在渲染物体时会优先使用这个属性覆盖其他材质。

材质

threejs

ide

原创 1月前 26 阅读

THREE.JS像素风格渲染

【代码】THREE.JS像素风格渲染。

javascript

three.js

SHADER

后处理

composer

原创 1月前 54 阅读

Threejs&WebGPU运动残影demo

使用新的节点材质系统和wenGPU渲染器

three.js

javascript

ci

html

css

原创精选 2月前 195 阅读

threejs 节点材质系统绑定attribute

新的节点材质系统绑定属性及使用非常方便不必重复声明。包装后就可以在shader中直接使用。顶点着色器声明 varying。片元着色器使用 varying。以instances为例。

three.js

NodeMaterial

ci

顶点着色器

着色器

原创 2月前 70 阅读

three.js 动漫风格卡通渲染边缘采样

计算光线和法线的余弦值

three.js

threejs

前端

html

css

原创 2月前 60 阅读

Three.js & WebGPU 节点材质系统控制instances的某个实例单独的透明度，颜色等属性

实现思路：1. 声明一个实例必要的属性`instanceMatrix2. 在设置位置矩阵的时候填充这个数组3. 在shader中获取当前的索引修改

javascript

three.js

WebGPU

ci

html

原创 2月前 239 阅读

Three&WebGPU将场景生成全景图并导出

【代码】Three&WebGPU将场景生成全景图并导出。

前端

贴图

threejs

WebGPU

数据

原创 2月前 49 阅读

Threejs将场景生成全景图导出

创建全景相机CubeCamera（六个方位的透视相机）并渲染场景。即可按照常规的canvas导出图片了。读取六个面的纹理数据。填充进canvas中。

javascript

three.js

git

Data

数据

原创 3月前 187 阅读

Three.js鼠标拖动设置骨骼姿态

拖拽鼠标设置骨骼旋转角度（使用TransformControl选中点击的骨骼设置轴为XYZE 并隐藏控件主动触发控件对应的方法模拟拖

javascript

three.js

控件

Data

ci

原创 3月前 65 阅读

three.js各向异性shader实现记录

将RE_Direct_Physical 方法定义成 RE_Direct 使用。点光源，聚光灯，方向光这三种进行每个类型灯光遍历执行大致如下点光源例。

javascript

three.js

各向异性

#endif

#ifdef

原创 7月前 65 阅读

Three.js 镜面反射Reflector 为MeshStandardMaterial增加Reflector能力

根据源码进行修改为 MeshStandardMaterial实现反射。区别：官方的案例更像一个镜子没有纹理等属性也没有透明度修改。

javascript

前端

three.js

ci

Math

原创 7月前 670 阅读

three.js制作简单的虚影

如图利用光线折射做一个虚影。

javascript

前端

three.js

ide

原创 7月前 33 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb63e9d7d5826b2的博客

欢迎

Three.js 闪电效果

glsl波纹扭曲纹理-threejs后处理画面扭曲

c++ 输入三条边绘制三角形

ExecStart=/usr/bin/mongod --config /etc/mongod.conf (code=exited, status=2)

glsl基于LTC的面光源渲染 - 矩形光通过three.js

glsl基于LTC的面光源渲染 - 圆盘光

three.js使用ShaderMaterial实现平行光光源demo

three.js使用ShaderMaterial实现聚光灯光源demo

WebGL读取画布任意像素颜色WebGLRenderingContext.readPixels

判断点与平面的前后关系-three.js

THREE.JS Blinn–Phong反射模型高光shader

Three.js遮罩多场景穿梭过渡

Cook-Torrance 直接高光反射模型

ReflectedLight.directSpecular 直接反射计算shader

灯光uniforms传递准备工作

THREE.JS法线Shader

three.js 让阴影更黑更暗

GLSL 棋盘shader

threejs替换全部物体材质

THREE.JS像素风格渲染

Threejs&WebGPU运动残影demo

threejs 节点材质系统绑定attribute

three.js 动漫风格卡通渲染边缘采样

Three.js & WebGPU 节点材质系统控制instances的某个实例单独的透明度，颜色等属性

Three&WebGPU将场景生成全景图并导出

Threejs将场景生成全景图导出

Three.js鼠标拖动设置骨骼姿态

three.js各向异性shader实现记录

Three.js 镜面反射Reflector 为MeshStandardMaterial增加Reflector能力

three.js制作简单的虚影