Yi Shen Profile Banner
Yi Shen Profile
Yi Shen

@pissang1

Followers
8,919
Following
227
Media
479
Statuses
1,842

Tweet about 3D rendering, generative, visualization. Created Figma plugin "Vector to 3D". Prev Apache ECharts maintainer

Shanghai
Joined November 2011
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@pissang1
Yi Shen
3 months
The Vector to 3D Figma plugin finally has its official product video. So excited to see it play at #Config2024
15
28
470
@pissang1
Yi Shen
1 year
🥳🥳My Figma plugin "Vector to 3D" has been published! It can convert any vectors to 3D with one simple click. And with its high-quality ray-tracing renderer, you can create beautiful 3D icons, text, or other 3D-style images without being a 3D specialist
32
378
2K
@pissang1
Yi Shen
6 years
Generating city on a little planet on the web! #webgl #generative #dataviz
33
424
2K
@pissang1
Yi Shen
2 years
Testing on my old iPad Pro 2018 #webgl #generative #raytracing #voxel
25
153
2K
@pissang1
Yi Shen
9 months
A new light editor is introduced in the latest version of Vector to 3D #figma
19
86
1K
@pissang1
Yi Shen
17 days
Testing the new animation feature using @motionigor 's work.
7
43
970
@pissang1
Yi Shen
5 months
New bend direction
12
51
935
@pissang1
Yi Shen
11 months
🥳🥳Finally I published the web app version of “Vector to 3D”: Like the Figma plugin, it converts the uploaded SVG to 3D with a high quality ray-tracing render. It can be used to create 3D icons, text, illustrations, or other 3D-style images with simple
23
132
886
@pissang1
Yi Shen
1 year
🥳Just published a new version of @figma plugin “Vector to 3D”. Finally, the diffuse texture can now be configured through the image fill in Figma.
15
90
820
@pissang1
Yi Shen
1 year
🥳A new version of @figma plugin "Vector to 3D" has just been published! - Added transmission parameter for glass style - New NLM denoiser with much better quality - A separate material panel for more BSDF parameters in the future - …
13
73
749
@pissang1
Yi Shen
8 months
Still a long way from being finished, but I have finally made the boolean operator work in the Vector to 3D plugin.
26
38
626
@pissang1
Yi Shen
3 months
🥳 I just open-sourced the web port of Open Image Denoise: It has been integrated into Vector to 3D for weeks. It significantly reduces users' render time and usually produces very clean results. Huge thanks to the hard work of the OIDN team for creating
Tweet media one
12
97
581
@pissang1
Yi Shen
3 months
🥳New in the latest Vector to 3D: bloom effect.
12
32
568
@pissang1
Yi Shen
2 years
Just recorded a demo of automatically converting 2D images into 3D mesh with a balloon/lego style. Still many trivial work need to be done on the UI. Icons and stickers in the demo are from @flaticon #webgl #raytracing #generative #voxel
25
61
496
@pissang1
Yi Shen
4 months
Too crazy?
23
12
410
@pissang1
Yi Shen
10 months
Working offline. It's all local🖖
10
20
377
@pissang1
Yi Shen
9 months
Forgot to mention that the revolving feature has been added in the latest version.
16
25
372
@pissang1
Yi Shen
5 years
Writing a tool for generating paper scrolling art with perlin noise. Can't get rid of the annoying stripe caused by z-fighting😭 #webgl #generative
Tweet media one
Tweet media two
Tweet media three
11
40
362
@pissang1
Yi Shen
6 years
Add more elements from vector tile, roads, water, etc. #webgl #dataviz #generative
6
40
326
@pissang1
Yi Shen
6 years
Add a rough animation on the buildings. 😀 #webgl #generative
10
51
318
@pissang1
Yi Shen
6 years
Having fun with #liquidfun #webgl
1
59
310
@pissang1
Yi Shen
7 years
Released the very first glTF viewer app. With FBX/DAE/OBJ import, material editing, high-quality preview, glTF-binary export. Download at . And the online version without formats converting #glTF #WebGL
4
106
291
@pissang1
Yi Shen
6 years
Add locating by longitude/latitude and saving config in the url. Can share your customized planet with link now.
Tweet media one
Tweet media two
Tweet media three
8
59
266
@pissang1
Yi Shen
10 months
It's really mind-blowing to see how these basic elements turn into a stunning 3D image using the Vector to 3D @figma plugin. Huge thanks to @hgx542262805 for making such an amazing example.
9
25
261
@pissang1
Yi Shen
7 years
Just published a glTF2.0 viewer/editor . Have fun😀 #webgl #glTF
6
80
251
@pissang1
Yi Shen
10 months
8
19
249
@pissang1
Yi Shen
2 years
Chromium has queryLocalFonts API to list all available local fonts. It's strange I didn't notice it when I started this project and looking for something similar... #webgl
8
17
249
@pissang1
Yi Shen
10 months
Tweet media one
Tweet media two
9
10
243
@pissang1
Yi Shen
5 years
A car configurator demo on top of #arcore and #threejs #webgl
7
34
221
@pissang1
Yi Shen
5 months
Bent screen on the iPhone #mockup #figma
10
14
224
@pissang1
Yi Shen
1 year
It bothered me for a long time that the original per-vertex normal weighted by area is not smooth enough and makes the beveled mesh look more like cloth. Last day I found there is an “average by corner angle” option in Blender. I implemented it in my tool and it works perfectly!
Tweet media one
Tweet media two
3
17
209
@pissang1
Yi Shen
4 months
Toon style rendering in the latest version. #figma #vectorto3d
10
12
196
@pissang1
Yi Shen
8 months
The new WebGPU renderer is now online. It significantly improves rendering performance, especially for complex scenes. #figma #vectorto3d #webgpu
5
19
190
@pissang1
Yi Shen
3 months
Next version of Vector to 3D will add bloom effects.
5
4
179
@pissang1
Yi Shen
6 months
SDF and smooth union.
6
8
170
@pissang1
Yi Shen
7 years
Add basic material editing. #webgl #glTF
8
24
169
@pissang1
Yi Shen
5 months
Depth of field is online.
3
9
163
@pissang1
Yi Shen
7 years
Metal buildings and glow taxi routes in Cape Town🤣 . #webgl #mapbox #echarts #dataviz
Tweet media one
Tweet media two
Tweet media three
5
46
157
@pissang1
Yi Shen
5 months
Visualizing straight skeleton for debugging
2
12
156
@pissang1
Yi Shen
4 months
Another toon style example.
3
6
147
@pissang1
Yi Shen
1 month
So the BVH update is real-time now. But the rendering time increasement is unacceptable on the scene has highly varying triangle sizes. And I’m still struggling on finding out why triangles may be missing(morton code duplicates?
5
15
150
@pissang1
Yi Shen
5 months
I'm so impressed by what the community has created with the new features.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
5
4
147
@pissang1
Yi Shen
12 days
Enabling LBVH for real-time animation previews in ray tracing render mode. #webgpu
2
14
150
@pissang1
Yi Shen
29 days
More elements are animated.
11
6
148
@pissang1
Yi Shen
1 year
Introducing the new bevel in the latest version of the @figma "Vector to 3D" plugin: - 📐7 builtin bevel shapes. Custom curve shapes will be available in the future. - 🧱Bevel thickness. Negative values can create an inset bevel. - 🔁Repeat bevel.
5
19
143
@pissang1
Yi Shen
4 months
Integrated Open Image Denoise into the rendering pipeline. Now it can render a clean image using only about 1 / 10 samples compared to before.
11
9
145
@pissang1
Yi Shen
15 days
🥳 The new animation feature is now available in the latest version of the Vector to 3D plugin! This is the most significant update since the release of the first version. Now, the plugin can generate not only static images, but also vibrant animated videos!
6
10
143
@pissang1
Yi Shen
1 year
Writing a plugin for Figma that renders a 3d image from existing vector nodes is a good way to test the functionality. It took me days to get a good enough background shadow. #figma #generative #webgl
Tweet media one
4
13
138
@pissang1
Yi Shen
2 months
I rewrote the mesh to SDF processing using the jump flood algorithm in the latest version of Vector to 3D. It has much better performance and won't freeze the UI due to heavy GPU computation in the previous versions.
4
4
138
@pissang1
Yi Shen
11 months
🥳Anisotropy material is in the new version of “Vector to 3D” Figma plugin.
5
10
134
@pissang1
Yi Shen
7 months
The latest version of the plugin supports exporting alpha for transmission materials. Can’t stop playing it with the background blur effect in @figma .
6
9
133
@pissang1
Yi Shen
3 months
No, no, no, no...
5
8
132
@pissang1
Yi Shen
2 years
Lighting & Glass #webgl #raytracing
Tweet media one
3
3
131
@pissang1
Yi Shen
8 months
WIP: Outline mode. Use simple sobel edge from normal and depth. #figma #vectorto3d
2
9
133
@pissang1
Yi Shen
5 years
Looks better after tweaking some light parameters. #threejs #webgl #generative
Tweet media one
Tweet media two
0
7
130
@pissang1
Yi Shen
5 years
Generate paper quilling art online! #webgl #generative
Tweet media one
Tweet media two
Tweet media three
Tweet media four
4
15
122
@pissang1
Yi Shen
3 months
Testing group deforming.
5
9
121
@pissang1
Yi Shen
14 days
Can't wait to test out the new WebGPU HDR feature in Chrome 129. The left is tone mapped and the right is raw rgba16float output.
Tweet media one
7
1
123
@pissang1
Yi Shen
7 years
2
46
113
@pissang1
Yi Shen
9 months
Working on the light editor. #figma #vectorto3d
Tweet media one
4
9
115
@pissang1
Yi Shen
6 years
1
10
105
@pissang1
Yi Shen
6 months
wip: material blending
Tweet media one
4
4
98
@pissang1
Yi Shen
3 months
Wow it’s crazy!
@motionigor
Igor SF.
3 months
Woooooowwww @pissang1 in #config24 Keynote. Amazing and congrats.
Tweet media one
2
0
4
9
1
103
@pissang1
Yi Shen
7 months
The boolean feature has been in the plugin for a while. It uses the awesome three-bvh-csg library by @garrettkjohnson #figma #vectorto3d
3
8
101
@pissang1
Yi Shen
1 year
The Twitter logo used to be a perfect example for testing my program. Now...🤔
Tweet media one
Tweet media two
Tweet media three
3
3
98
@pissang1
Yi Shen
6 months
Wow! Love the color!
@motionigor
Igor SF.
6 months
The @pissang1 vector to 3d plugin is amazing.
Tweet media one
10
73
1K
1
5
101
@pissang1
Yi Shen
5 months
Tweet media one
5
4
98
@pissang1
Yi Shen
1 year
5
5
98
@pissang1
Yi Shen
3 years
Raytracing 2D charts #webgl #visualization
Tweet media one
Tweet media two
Tweet media three
6
6
97
@pissang1
Yi Shen
3 months
So fun to play #vectorto3d #figma
6
10
96
@pissang1
Yi Shen
2 years
Spent days to improve the render quality of realtime preview #webgl
Tweet media one
5
1
90
@pissang1
Yi Shen
5 months
🥳New bend and twist deformers in the latest version. #figma #vectorto3d
1
7
90
@pissang1
Yi Shen
9 months
From vector to 3d community. I love seeing the comparison between 2D sources and 3D final renders.
Tweet media one
Tweet media two
Tweet media three
6
3
91
@pissang1
Yi Shen
7 years
Try to render buildings in cross hatching style. Shader is ported from by @thespite 😀 #webgl #dataviz #echarts
Tweet media one
Tweet media two
Tweet media three
2
15
89
@pissang1
Yi Shen
1 year
Added markers to the component for the convenience of switching between view angle presets. #figma #vectorto3d
5
9
87
@pissang1
Yi Shen
6 months
Testing the SDF smooth union
6
3
86
@pissang1
Yi Shen
2 years
Added camera projection switch. #webgl #raytracing #generative
4
9
85
@pissang1
Yi Shen
1 year
Working on something new in bevel. #figma #vectorto3d #geometry
4
1
86
@pissang1
Yi Shen
2 years
Switch between local fonts and google fonts. It's really hard to choose a font without preview😅 #webgl
2
0
85
@pissang1
Yi Shen
1 year
The "Vector to 3D" @figma plugin has been used by 10k unique users! It feels so exciting to see it being liked by so many people!
Tweet media one
2
3
81
@pissang1
Yi Shen
6 years
Writing a small library for extruding polygon. Input 2D polygon points with holes and output 3D vertices data(position/normal/uv) and indices.
2
10
80
@pissang1
Yi Shen
3 months
Twist the phone
3
1
80
@pissang1
Yi Shen
2 years
When I said that my app was still in the very early stage, I meant that it didn't even have working undo/redo functionality... until now 😂
1
1
79
@pissang1
Yi Shen
11 months
Ready to publish the web version of "Vector to 3D"
Tweet media one
1
4
81
@pissang1
Yi Shen
6 years
Implementing circular separable filter from … . The bokeh effect is so nice and clean!! I think I can replace the noisy and slow disc filter in my depth of field now;) #webgl
Tweet media one
1
8
77
@pissang1
Yi Shen
6 years
Published a library for extruding 2d polygons and polylines to 3D meshes #webgl #generative #dataviz
Tweet media one
Tweet media two
Tweet media three
0
17
78
@pissang1
Yi Shen
2 years
Working on lighting. #webgl #raytracing
Tweet media one
3
0
77
@pissang1
Yi Shen
7 years
Tweet media one
Tweet media two
Tweet media three
7
13
79
@pissang1
Yi Shen
6 years
More procedural underwater rendering. #webgl
4
4
77
@pissang1
Yi Shen
2 months
Tweet media one
5
2
78
@pissang1
Yi Shen
1 year
Camera control unlocked. #figma #vectorto3d
4
8
76
@pissang1
Yi Shen
2 years
Play with text. Video is 2x speed. #webgl #raytracing #generative
4
5
74
@pissang1
Yi Shen
1 year
It's almost ready❤️ #figma #webgl #raytracing
Tweet media one
5
8
74
@pissang1
Yi Shen
4 months
Added normal and albedo to the weights. Here is the result of denoising 30spp rendered image. WebGPU backend is much faster. It takes about 1 second to denoise a 1024x1024 image on my m1max.
Tweet media one
Tweet media two
5
1
74
@pissang1
Yi Shen
1 year
🍺I have just published a new version of my @figma plugin "Vector to 3D" It now supports linear, radial, and angular gradients! So I can finally use the Instagram logo for demonstrations! #webgl #raytracing
4
9
72
@pissang1
Yi Shen
1 year
Tweet media one
1
9
71
@pissang1
Yi Shen
12 days
Animation preview in render mode.
2
6
73
@pissang1
Yi Shen
5 years
Can't stop trying all kinds of logos #webgl #threejs #generative #raytracing
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
8
72
@pissang1
Yi Shen
4 months
wip: material presets
Tweet media one
5
1
71
@pissang1
Yi Shen
1 year
In review🙏
Tweet media one
6
3
67