threejs框架
文章平均质量分 82
threejs框架学习
yma16
前端->全栈开发,专注csp算法,csdn 内容合伙人,2023 csdn新星计划 Node赛道 Top1,csdn 2023 新星计划vue3+ts赛道导师,阿里云社区专家博主,华为云享专家,51CTO推荐红人,掘金前端创作者,前端技术栈:vue2 vue3 react18,后端技术栈:django springCloud nodeKoa
展开
-
vue3+threejs+koa可视化项目——模型文件上传(第四步)
大家好,我是yma16,本文分享关于 vue3+threejs+koa可视化项目——实现登录注册。multipart切片上传multipart content type 是指一种HTTP报文中的Content-Type的类型,它可以将一个HTTP请求或响应分为多个部分,每个部分可以有自己的Content-Type和内容。这种类型的报文通常用于传输多个文件或者消息体,每个部分可以有不同的编码方式和内容类型,比如图片、文本等不同的数据类型。实现文件上传// 当前时间return `${const {原创 2024-02-04 17:34:26 · 30365 阅读 · 12 评论 -
vue3+threejs+koa可视化项目——实现登录注册(第三步)
大家好,我是yma16,本文分享关于 vue3+threejs+koa可视化项目——实现登录注册。jwt登录注册JWT(JSON Web Token)是一种标准的身份验证和授权解决方案,它通过使用JSON格式的令牌来实现用户的身份验证和授权,避免了传统的基于会话的身份验证方案的一些问题。JWT登录注册的原理如下:注册:用户在注册时提供用户名和密码,服务器将用户信息保存在数据库中。密码通常需要进行哈希处理,以增加安全性。登录:用户提供用户名和密码进行身份验证时,服务器验证用户名和密码是否匹配数据库中的记录。原创 2024-01-29 00:26:22 · 31308 阅读 · 11 评论 -
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
大家好,我是yma16,本文分享 vue3+threejs可视化项目——引入threejs加载模型(第二步)。背景搭建一个模型可视化平台,可以对3d模型进行旋转、缩放、拖拽的基础操作。threejs框架Three.js是一个用于在Web浏览器上创建和显示3D图形的JavaScript库。它使用WebGL作为其底层渲染器,提供了一套简单易用的API,使开发者能够使用JavaScript创建复杂的3D场景和动画效果。原创 2024-01-16 00:54:15 · 32108 阅读 · 9 评论 -
vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)
大家好,我是yma16,vue3+threejs可视化项目——搭建vue3+ts+antd路由布局(第一步)。背景搭建一个模型可视化平台,可以对3d模型进行旋转、缩放、拖拽的基础操作,Vite是一个高性能的公链平台,具有以下优势:高性能:Vite采用了异步快速共识算法。具体来说,Vite使用了一种名为HDPoS的共识机制,该机制能够实现每秒高达10,000笔交易的吞吐量。这使得Vite成为一个高效、快速的公链平台。原创 2024-01-14 17:31:33 · 33330 阅读 · 15 评论 -
webgl学习笔记1_创建场景
WebGL绘制一个点超文本语言HTML脚本语言JavascriptCanvas画布着色器语言GLSL ESWebGL API绘制点像素点的html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl...原创 2020-03-02 03:48:04 · 35431 阅读 · 0 评论 -
webgl学习笔记4_初识着色器语言ES GLSL
ES GLSLOpenGL Shading Language原创 2020-03-05 19:15:41 · 35407 阅读 · 0 评论 -
THREE实战4_3D纹理
3D纹理,酷!原创 2020-03-26 13:03:22 · 36017 阅读 · 0 评论 -
THREE实战3_理解光源
光源光的三原色: 红red、绿green、蓝blue。色彩模式: HSL、HSV。色相Hue、饱和度Saturation、亮度Lightness、明度 Value。白色反射所有光(白色的物体利于测试灯光)Three.js 的光源类1.环境光把颜色添加到整个场景和对象的当前颜色上maya环境光测试一个蓝色的环境光渲染灰色boxTHREE代码重构环境光的特点:光源颜色影响...原创 2020-03-18 22:33:04 · 35868 阅读 · 1 评论 -
THREE实战1_代码重构点、线、面
THREE.JS的右手坐标系右手大拇指指向X轴,食指指向Y轴,中指指向Z轴。酷!THREE.Vector3函数原创 2020-03-12 21:35:18 · 35787 阅读 · 0 评论 -
THREE实战2_正交投影相机与透视相机
正交投影相机特点:看见物体的远近高低比例都是相同就像maya中的三视图。看一下鄙人以前做的一个简单模型伞。侧视图俯视图正交投影构造函数OrthographicCameraOrthographicCamera( left, right, top, bottom, near, far );参数含义left左平面距离相机中心的垂直距离right...原创 2020-03-14 19:17:39 · 36062 阅读 · 0 评论 -
webgl学习笔记3_javascript的HTML DOM
HTML DOM 方法HTML DOM 方法是您能够(在 HTML 元素上)执行的动作。HTML DOM 属性是您能够设置或改变的 HTML 元素的值。原创 2020-03-02 19:15:44 · 35337 阅读 · 0 评论 -
THREE实战5_canvans纹理
canvans纹理原创 2020-04-16 09:55:55 · 35565 阅读 · 0 评论 -
THREEJS实战6_加载fbx模型
加载fbx模型原理3D模型模型由面构成,面包括三角形、四边形与多边形,轻量级的优秀模型面数一般都是三角形,面又由多条边构成,边由多个顶点构成。这里我做了一个简单模型烘培导出fbx模式ok,没问题!threejs加载fbx原理顶点数据顶点位置顶点颜色顶点法向量数据geometry.attributespositioncolornormal顶点法向量与...原创 2020-04-19 01:38:25 · 46981 阅读 · 9 评论