×

html5教程

HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代（webgl 3d开发实战详解）

星花园站长资源网 星花园站长资源网 发表于2024-04-23 浏览4958 评论0
WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件,看到此处是不是感觉特别惊讶啊，WebGL有一个很好的中文教程，就是下面使用参考中的第一个链接，所以这里不再班门弄斧，后面的内容只是简单的总结一下学习的内容,感兴趣的朋友可以了

JavaScript教程

Three 之 three.js （webgl）性能优化、提高帧率的思路/方向整理

dede58织梦模板 dede58织梦模板 发表于2024-04-22 浏览11546 评论0
Three 之 three.js （webgl）性能优化、提高帧率的思路/方向整理 目录 Three 之 three.js （webgl）性能优化、提高帧率的思路/方向整理 一、简单介绍 二、优化方向 1、创建多量物体时 ，BufferGeometry （或者InstancedBufferGeometry）创建 2、合理执行渲染方法.render() 3、减少没必要执行的代码在周期性渲染函数中的执行 4、减少模型面数，必要可以用法线贴图增加模型细节替代 5、共享几何体和材质

scala

【TA】Unity角色二次元风格渲染（unity 二次元渲染）

AP图网站美工游戏技术 AP图网站美工游戏技术 发表于2024-04-22 浏览5333 评论0
NRMToonLitSample Author: 文若Demo地址：我的GitHub(欢迎Start) NRMToonLitSample学习视频教程：Kerry大佬的 技术美术实战培训课程—卡通人物渲染方案 NRM由四张图构成角色渲染，亮部贴图，阴影贴图图，ilm贴图和细节贴图。 1. 模型贴图基本信息 原始模型 1.1 亮度 亮部贴图RGBA亮部贴图Alpha 用于区分人物的皮肤区域以及非皮肤区域。 1.2 阴影 暗部颜色RGBA暗部贴图Alpha 用于做某些

flutter

Flutter的绘制剖析——图形库skia（flutter 绘制）

3033099639 3033099639 发表于2024-04-10 浏览7367 评论0
Flutter是Google打造的高性能、跨平台的UI框架，不仅支持Android、iOS，还支持Windows、Linux等操作系统。它可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用；给用户提供漂亮、无平台区分的app体验。 图形库skia是其跨平台的基石，本文会对其渲染原理做剖析，带大家了解flutter平台的渲染机制。本文不会对跨端框架做对比，也不会涉及绘制的三棵树，流水线机制等知识（后续会单独介绍），还有一点最新的flutter2也对web支持进行了提速，其中web