技术拆解-Unity坦克大战 官方教程: https://learn.unity.com/project/tanks-tutorial https://www.youtube.com/watch?v=paLLfWd2k5A&list=PLclF8feY8EKLw5Un6Z2Syt2_35qsdpnHt 输入Edit->Project Settting->Input Manager 一些问题Lighting 2021-12-30 #技术拆解 #3D #Unity
计算机图形学学习笔记 图形学吸引我的地方是什么?NVIDIA Racer RTX | The future of graphics powered by GeForce RTX 40 Series - YouTube 突破现实:能展示现实中不可能的事物和场景 艺术的美:人生就是不断体验美好的事物 图形学的本质就是用数学画一张图计算机如何画一张图? 我们如何在计算机画这张图的过程中,加入自定义的控制? 这2个问题 2021-12-24 #计算机图形学
如何做一个Unity游戏Demo 可以参考这个人的示例: https://www.bilibili.com/video/BV1EV411o7rg?spm_id_from=333.999.0.0 居然大部分素材都是可以买到的,超乎我的想象。 BGM:井内舞子 - 《そう、決めた》《その気持の先に》https://www.bilibili.com/video/BV1f4411N7mX?p=10 *游戏大部分美术素材取自网络和商城,小 2021-12-22 #Unity
Unity学习笔记 你做的前面10个游戏都是垃圾,所以尽快做完这10个垃圾吧。 英语太重要了,好的视频资料都是英文的,不具备英语的Listen能力,学习效率极低。 工作流是什么?Unity的设计理念 可视化搭建内容+编程实现交互 事件驱动类型的编程 组件化 学习路线 unity商店买个游戏,修修改改熟悉下。 Unity官方文档 UnityLearn UnityGameKit 联网坦克大战Demo 另 2021-12-19 #游戏开发 #Unity
文字特效 电影感文字入场: https://codepen.io/MeyerZhao/pen/GRrjKqB 沙子特效: https://www.bilibili.com/video/BV1xt41167Qo/?spm_id_from=autoNext 文字层用蒙版做从左到右消失的效果,当然用线性擦除也可以,上面三层粒子看得出up主用了ae自带的particle system II,复制文字层,在文字层添 2021-12-18 #CSS
WebGL学习笔记 不管是什么形式,本质上都是3D可视化技术。所以学习WebGL,就是学习3D技术。掌握了核心思想和经验,不管是云游戏、pc端3D、web 3d,都可以快速实现。 WebGL的上限是什么?WebGL的工作原理这个文章介绍得很简洁明了: https://www.cnblogs.com/wanbo/p/6754066.html PS:这个人的文章都值得一看 函数调用栈 WebGL函数调用记录,通过Ch 2021-12-16 #3D #WebGL
VR版HelloWorld 开发流程JS开发VR应用的流程: 使用Node.js来读取Oculus上的传感器的数据,将这些数据用WebSocket协议来提供一个服务。 寻找一个3D游戏引擎,如Three.js来创建一个3D世界。 读取传感器的值将其表示在3D世界中。 名词概念欧拉角 欧拉角是一组用于描述刚体姿态的角度,欧拉提出,刚体在三维欧氏空间中的任意朝向可以由绕三个轴的转动复合生成。通常情况下,三个轴是相互正交的 2021-12-16 #3D
技术拆解-3D饼图 数据结构图元结构 绘图获取图元相关的数据因为一些线条、标注,都是和具体图元位置相关联的。 如何修改饼图的高度 琦哥:之前我 3D 关系图用的是 BufferGeometry,可以通过 geometry.getAttribute 获取 position 属性然后更新的,但是你那个图形我好像没用过,不太清楚怎么改变属性的厚度,,,,,或许可能可以尝试一下 geometry.dispose()然后再重新 2021-12-10 #技术拆解 #Three.js #数据可视化
CSS实现3D效果 关键问题如何绘制一个立方体DOM的结构设计 关键的CSS属性 为什么要用伪元素(::after):其实可以不用的 如何实现多个物体的独立旋转(比如柱状图)?所有物体围绕一个中心点旋转是很容易的,大家都统一Z轴即可;但是如果每个物体要根据自己的中心旋转,该怎么处理呢? 操控旋转中心点:transform-origin 立方体API设计名词概念面:face 6个面的命名:top、bottom、fron 2021-12-08 #CSS
设计师常用工具 2D设计Figma: https://www.figma.com/ 教程: https://zhuanlan.zhihu.com/p/266781187 3D设计spline: https://spline.design/ 2021-12-07 #设计