dtysky
Home
TagsAuthors

Links

ProjectsFriends

这是一个孤独行者的轨迹。

  • Lm7
  • Domik
  • hana-ui
  • F-I-L
  • Paradise
  • MoeNotes
  • Kanata
  • Nekohand
  • JerryFu
  • 南史
  • Hide Links
  • TagsHomeAuthors
  • Create
  • Skill
  • Art
  • Life
    • 记一次向WebAssembly的移植:gl-matrix

      少女dtysky

      世界Skill

      时刻2019.06.23

      路标

      WebAssembly

      Rust

      Math

      Matrix

      gl-matrix

      图形学

      由于某些工作上的原因,以及个人兴趣,配合之前用Rust+WASM写软件渲染器的踩坑,端午花了三天将gl-matrix移植到了WASM(但因为各种奇奇怪怪的事情一直没时间发文)。此移植包含gl-matrix的所有功能,同时具备完整的单元测试。库本身以Rust + wasm-bindgen + wasm-pack + webpack4的形式开发,使用TS + Karma + Mocha来写单元测试(当然前两年还能扯一扯“优雅”啥的,现在这些都常识了也没啥说的)。在使用方面,我提供了两种使用模式,来应对不同的场合。同时还使用了很多Trick来在不破坏工程性的同时优化性能,某种意义上可以当做Rust来写WASM的工程的模板。

      在这个新年,青年H已经胜利

      少女命月天宇

      世界Art

      时刻2019.02.05

      路标

      年

      现实主义

      在这个2019年的春节中,青年H感觉他已经取得了胜利。

      青年H开始了节能

      少女命月天宇

      世界Art

      时刻2018.09.15

      路标

      失败人士

      节能主义

      青年H开始了节能,这一点是从他开始某个夜晚在思考“自杀”这个词的时候发现的。

      前端视觉交互——全屏泛光

      少女dtysky

      世界Skill

      时刻2018.09.09

      路标

      HTML5

      WebGL

      Shader

      Bloom

      Light

      Glow

      Emissive

      PostProcessing

      本次实现的效果是轮廓边缘内发光。顾名思义,其指的是在模型轮廓边缘内部的发光效果,核心是“边缘”和“内部”这两个词,也适合“外发光”(辉光、泛光)最大的区别。由于是在模型内部的发光,所以我们完全可以针对模型自身的材质去实现,不必使用后处理,这一点在性能上有所优势。当然,最重要的还是它本身能达到的效果的适用范围。

      前端视觉交互——轮廓边缘照明-菲涅尔反射

      少女dtysky

      世界Skill

      时刻2018.09.08

      路标

      HTML5

      WebGL

      Shader

      Rim

      Light

      Fresnel

      本次实现的效果是轮廓边缘内发光。顾名思义,其指的是在模型轮廓边缘内部的发光效果,核心是“边缘”和“内部”这两个词,也适合“外发光”(辉光、泛光)最大的区别。由于是在模型内部的发光,所以我们完全可以针对模型自身的材质去实现,不必使用后处理,这一点在性能上有所优势。当然,最重要的还是它本身能达到的效果的适用范围。

      25岁的青年H的暴走

      少女命月天宇

      世界Art

      时刻2018.08.20

      路标

      生日纪念

      青年H终究没有在24岁那年从高楼纵身一跃,虽然他当时确实在听这么一首歌。他在恍惚的意识中仿佛真的经历了这下坠和重生的过程,甚至在清醒后他返现自己真的又回到了14岁,但他确实没有跃下,这让他有些庆幸,却又有些遗憾。

      前端视觉交互——顶点动画实现图片过度

      少女dtysky

      世界Skill

      时刻2018.07.21

      路标

      HTML5

      WebGL

      Shader

      Vertex

      Image

      Fragment

      这是一个非典型的Vertex Shader(顶点着色器)实现的顶点动画的例子。它构造了一个可被打碎的平面,使得我可以在碎片化的过程中对两张图片做平滑过渡。

      GIGA GJ2018作品-摩的大飚客

      少女dtysky

      世界Create

      时刻2018.07.08

      路标

      Gamejam

      Babylonjs

      Race

      Device

      一个胡逼游戏。

      前端视觉交互——Shader实现扩散水纹涟漪效果

      少女dtysky

      世界Skill

      时刻2018.07.01

      路标

      HTML5

      WebGL

      Shader

      Ripple

      Water

      Liquid

      Code,Demo。涟漪,是指现实世界中水面上落入物体时、以物体为圆心向四周不断生成扩散圆形式的涟漪并逐渐衰减的现象。真实世界的涟漪十分复杂,在图形学中,我们只能模拟它来按达到一个近似效果。而为了模拟涟漪,图形学也提供了各种各样的方法,像是各种map(flow map)等,但在这里,为了最简化资源和达到最好的动态效果、并阐明原理,本例由纯Shader绘制。

      Web方向传感器的正确使用姿势

      少女dtysky

      世界Skill

      时刻2018.06.25

      路标

      HTML5

      Javascript

      Orientation

      方向传感器

      现在移动设备普遍提供了重力传感器和方向传感器来测量设备方向,HTML5标准也提供了标准的API来进行方向信息的获取,获取方式是通过两个事件,他们分别是“orientationchange”和“deviceorientation”。

      «0

      1

      234»

    Links

    Lm7Domikhana-uiF-I-LParadiseMoeNotesKanataNekohandJerryFu南史

    这是一个孤独行者的轨迹。