自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 资源 (1)
  • 收藏
  • 关注

原创 webgl实践-立Flag大纲

最近突想整理一些如何在项目中实际应用webgl的小案例。(特以此篇文章立一下Flag)1.操作多层次模型的移动实践2.鼠标控制物体实践3.鼠标选中物体实践4.环境雾实践5.半透明渲染物体实践6.应用渲染纹理实践7.绘制阴影实践 虽然在webgl超级随笔中已经有了,不过也顺道整理一下,真实应该到项目是如何应用的。8.加载三维模型(OBJ)实践 在web项目中,我一般会用gltf,gltf的介绍的另一篇文章里写了很清楚了,大家可以去看看我为什么会用它,这里小实践,..

2021-04-05 15:30:10 216

原创 关于GLTF格式的综述、结构与TS解析

三维格式、GLTF总概、GLTF历史、GLTF基础结构、GLTF基础示例、GLTF结构解析实践。

2021-03-20 19:52:21 3761 1

原创 WebAssembly:wasm探索与TypeScript模块wasm应用

安装编译环境,Emscripten/bind实践,TypeScript模块WASM引用.

2021-01-31 13:40:06 1967

原创 屏幕空间环境光遮蔽:ssaowebgl实现

基本原理;计算SSAO准备工作;SSAO实现;如何计算遮蔽率;采样点算法frameShader算法

2021-01-24 17:31:24 788

原创 3D小游戏(three)-粒子效果

粒子聚集效果,粒子散开效果。

2021-01-18 20:36:57 498

原创 贡献THREE.js源码记录:CubeTexture模块

THREE.js cubeTexture

2021-01-10 15:10:32 259 1

原创 3D小游戏(three)-坠落动画开发

坠落动画

2021-01-03 13:18:40 214

原创 3D小游戏(three)-block增加纹理样式与彩色block

block增加纹理样式;彩色Block开发

2020-12-26 15:51:33 239

原创 3D小游戏(three)-分数显示更新

src/view3d/font.js导入字体 Src/view3d/ScoreText.jsimport font from './font'export default class Text {constructor () {}init (options) {//初始化this.material = new THREE.MeshBasicMaterial({ color: (options && options.fillStyle) ? opti...

2020-12-19 01:56:06 270 2

原创 3D小游戏(three)-更新Block与gameOover重启

更新Block;GameOver与重启

2020-12-12 17:45:15 113

原创 Three.js加载外部模型(Obj\mtl\json\font)

Obj+mtl模型加载、加载json+贴图模型、3D字体加载

2020-12-06 19:30:44 1435

原创 Ubuntu20.04Apache部署nodeJS Web服务器

1.安装Node、2.开启Apache反向代理必须模块、3.创建开启反向代理配置文件、4.运行node,开启端口、5.PM2:安装\开启\PM2子命令\PM2的一些额外配置.

2020-11-28 19:05:08 535

原创 3D小游戏(three)-简易Box碰撞检测自实现

3D游戏,简易碰撞检测实现

2020-11-22 17:53:58 390

原创 Ubuntu20.04搭建Nginx1.18.0与Mac文件传送/下载给服务器

安装Nginx、配置防火墙、文件结构;sftp传送下载、scp上传下载。

2020-11-15 14:18:36 619

原创 阿里云ubuntu20.04服务器搭建管理Apache2.4.41

1.服务器选择2.连接服务器3.更新apt-get4.Apache2.4.41搭建与管理

2020-11-11 19:51:48 917

原创 3D小游戏(three)-Block跟随动画实现

3D小游戏Block跟随动画实现

2020-11-08 13:45:19 234

原创 3D小游戏(three)-Bottle跳跃动画实现

小游戏Bottle跳跃动画实现

2020-11-01 10:51:37 251

原创 3D小游戏(three)-Bottle物体开始动画(Tween自实现)实现

微信小游戏bottle开始动画实现

2020-10-25 13:06:29 174

原创 Three.js 自定义路径动画封装

three.js 自定义路径动画

2020-10-18 15:42:32 940 5

原创 微信3d小游戏(three)-Bottle绘制(贴图)

场景中bottle的绘制生成。

2020-10-10 20:07:43 285

原创 微信3d小游戏(three)-设置3D场景

设置光照,设置背景,设置阴影。

2020-10-04 17:51:55 525

原创 微信3d小游戏(three)-逻辑设计与场景添加

2D画布在three中整合,利用MVC页面切换,Scene与Camera类设置,ES6继承多态开发Block.

2020-10-03 11:13:59 477

原创 微信3d小游戏(three)-搭建框架

引入three.js,MVP基础项目搭建,MVC框架pages页面搭建。

2020-09-20 17:50:45 882

原创 webpack开发从0到1搭建与打包(TypeScript)

webpack开发从0到1搭建与打包(TypeScript)

2020-09-19 16:42:19 158

原创 npm使用简要

npm login //登录npm logout //退出登录npm whoami //检查登录npm publish --access=public //发布包 ;/如果是公开包这样发布,如果不是公开的包则去掉--access=public即可当你更改代码,重新发布包的时候先执行npm version major/minor/patch更新对应版本,然后再执行 npm publish进行发布npm unpublish 包名@版本号//删除指定的版本npm unpublish 包名

2020-09-12 21:19:42 142

原创 Three.js Mesh模型拍平功能封装

three.js mesh模型拍平实现

2020-09-05 22:18:28 275

原创 Mysql笔记-语法基础与在node项目中使用Esquelize

Mysql安装sql语句基础外键Esquelize测试连接创建模型(表)数据同步(sync)插入数据查询数据更新数据删除数据连接池

2020-09-01 22:26:12 187

原创 Three.js 模型切割:交集并集查集计算(ThreeBSP)

ThreeBSP.js功能概述

2020-08-29 23:09:44 1459

原创 Vue笔记-Nuxt.js与Mongodb在项目中的使用

目录Nuxt.js安装路由示例模板示例异步数据示例Vuex示例Mongodb安装与运行MoogooseNuxt.js安装通过vue init安装终端执行:vue init nuxt-community/koa-template name 到该目录并安装npm:cd nuxt-learn,npm install注:若npm run dev报错:更新包:npm install [email protected] --save-dev...

2020-08-28 22:11:31 714

原创 Webgl-超级基础随笔5-贴图阴影绘制

纹理贴图旋转-阴影绘制。

2020-08-28 22:10:12 240

原创 Node.js笔记-Koa2与Redis在项目中安装使用

目录环境搭建async和await语法Koa中间件Koa的路由Cookies和SessionRedis(高速读写)安装session运用Redis终端查询Redis跳过session用Redis环境搭建全局安装koa2脚手架,终端输入:sudo npm install -g koa-generator; 创建项目:koa2 -e koa2-learn;(-e:ejs,koa2-learn:文件夹名字)注:复制: DEBUG=koa2-learn:* npm

2020-08-25 21:43:56 591

原创 Three.js 剖切模型功能封装

可视化模型mesh剖切

2020-08-23 16:19:57 2710 6

原创 Webgl-超级基础随笔4-纹理贴图与贴图光照模拟

目录:纹理贴图,纹理贴图旋转-光照模拟。

2020-08-22 17:38:30 503

原创 Vue笔记-vueRouter路由与Vuex

目录Vue-router路由基础简单路由实例Vuex基础基础数据流实例多模块数据流实例Vue-router路由基础简单路由实例安装:根文件夹下终端输入: npm i vue-router 在src下创建一个文件夹pages,其中创建两个vue文件a、b; 在src下创建router.js,import Vue from 'vue';import VueRouter from 'vue-router'import pageA from './pages/a.vu

2020-08-20 22:10:13 243

原创 Vue笔记-列表渲染、事件处理、组件

目录列表渲染(v-for的应用)基本列表分组循环事件处理v-on组件组件注册父子组件通信与插槽实例列表渲染(v-for的应用)注意:由于 JavaScript 的限制,Vue 不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue当你修改数组的长度时,例如:vm.items.length = newLength解决:// Vue.setVue.set(vm.items, in

2020-08-16 21:37:01 152

原创 Vue笔记-环境搭建、模板语法、计算属性、Class 与 Style 绑定

目录环境搭建:创建Vue项目Vue 基础-模板语法v-htmlv-bind表达式列举条件directives(指令)自定义directives环境搭建:安装node,npm,(npm -v 查看版本)再安装cnpm:(sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像)全局安装vue/cli : sudo cnpm install -g @vue/cli,vue.

2020-08-15 20:59:20 144

原创 Webgl-超级基础随笔3-shader光源叠加与创建球体

目录:平行光-漫反射,点光源-漫反射,点光源-漫反射-高光,创建球体.

2020-08-14 22:05:42 206

原创 Webgl-超级基础随笔2-矩阵与绘制Cude

目录:视图矩阵,投影矩阵,绘制Cude,视图矩阵。

2020-08-11 20:00:29 252

原创 Webgl-超级基础随笔1-shader初始化与三角绘制

目录:shader的创建与绑定;静态三角形绘制;旋转三角绘制。

2020-08-09 15:15:26 173

原创 mac终端使用/安装Brew/DNS问题

目录mac终端使用安装brew某些网址无法访问可能是DNS问题Ping github.com问题刷新DNSmac终端使用Sudo spctl --master -disable;(安全与隐私的任何来源)cd:转到目录;touch: 创建文件;pwd      当前工作目录cd(不加参数)  进rootcd(folder)  进入文件夹cd ../      上级目录cd ~      返回rootcd -    ...

2020-08-08 19:20:43 285

Webgl旋转三角形源码

webgl旋转三角形生成。后续webgl基础随笔持续更新。git地址:https://github.com/11zouzouzou

2020-08-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除