Technical background Unity3D can be used to create various types of applications, including virtual reality, training simulators, etc. Here are some scenes that can be played using Unity3D panorama: Virtual reality experience: Panoramic video can be used to create a realistic virtual environment, allowing users to feel immersed in the scene; Training simulator: Panoramic video […]
Tag: render
echarts columnar stacking, multiple types, multiple columns, dynamic rendering
Record the development needs you encounter at work, hoping it will be helpful to others. Requirements: You need to select the year, month, and day based on a drop-down selection box, pass different parameters, dynamically render the data according to different values, and compare multiple types, compare the same year together, and exclude those that […]
Lightweight encapsulated WebGPU rendering system example <11> – WebGPU simple PBR effect (source code)
Current sample source code github address: https://github.com/vilyLei/voxwebgpu/blob/main/src/voxgpu/sample/SimplePBRTest.ts Features implemented by this sample rendering system: 1. Isolation of user state and system state. For details, please see: Engine System Design Ideas – Isolation of User State and System State – CSDN Blog 2. Isolate high-frequency calls from low-frequency calls. 3. User-oriented ease of use packaging. 4. […]
NUXT front-end server-side rendering technology framework
Server side rendering, also known as SSR (Server Side Render), completes the content of the page on the server side instead of obtaining data through AJAX on the client side. Advantages: Better SEO, since search engine crawlers can view fully rendered pages directly Nuxt.js is a lightweight application framework based on Vue.js. It can be […]
Lightweight encapsulated WebGPU rendering system example＜9＞-Basic lighting (source code)
Current sample source code github address: https://github.com/vilyLei/voxwebgpu/blob/main/src/voxgpu/sample/SimpleLightTest.ts Features implemented by this sample rendering system: 1. Isolation of user state and system state. For details, please see: Engine System Design Ideas – Isolation of User State and System State – CSDN Blog 2. Isolate high-frequency calls from low-frequency calls. 3. User-oriented ease of use packaging. 4. […]
Vue data binding and data rendering
Table of Contents 1. Quick Start with Vue 1 Introduction : 2.MVVM: 3. Preparation work: 2. Data binding 1.Example: 2.Verification: 3. Data rendering 1. One-way rendering: 2. Bidirectional rendering: 4. Event binding 1 Introduction : 2.Example: 5. Modifiers 1 Introduction : 2.Example: 3.Extension: 1. Quick Start with Vue 1. Introduction: (1) Vue[/vju/], short for Vue.js, […]
Front-end application State Transfer troubleshooting case for server-side rendering based on Angular Universal engine
The author’s previous nugget article, a SAP development engineer’s 2022 year-end summary: Forty years old, mentioned that my current team is responsible for developing an e-commerce Storefront application based on the Angular framework. The Storefront is an open source Angular application based on Angular and Bootstrap and built for SAP Commerce Cloud. Figure 1: Spartacus […]
UnityRenderFeature application (simple scene scanning effect)
[Unity] RenderFeature application (simple scene scanning effect) RenderFeature is a concept used for rendering graphics, usually used in graphics engines or game engines. It is a modular component that handles specific rendering functions such as shadows, lighting, particle effects, etc. Click on the ground to generate an ever-expanding circular light effect, which is used to […]
About the problem of Angular Universal application rendering twice
Angular Repository url: https://github.com/angular/angular-cli/issues/7477 Phenomenon: I built a sample repo using angular-cli and followed the steps in the Universal Rendering story to enable server side rendering. The application loads well on running, but I see the client rendering also happening after the page is served from the server. So the page gets rendered from the […]
Render MarkDown in antd and customize an anchor directory TOC (focusing on solving the problem that the navigation directory does not follow the scrolling of the document)
1. Overall idea Since there are many long documents that need to be rendered, I think the MarkDown method is more suitable for management, so I have tested integrating the MarkDown rendering module in antd in the past two days. General idea reference: https://blog.csdn.net/Sakuraaaa_/article/details/128400497 Thank you for your generous efforts. Parse MarkDown using react-markdown Use […]