Dandelion · JELLY Technology Weekly Vol.19

Do you have the idea to develop your own IDE but lack the time and energy to complete a Desktop IDE, but the concept of Cloud IDE is catching up with you, how can these two systems be compatible? Take a look at the Eclipse Foundation’s architecture design and technology selection for Theia framework.

High overlook

The sky is high and the universe is infinite

Basic technology

TypeScript 4.0 is now available

TypeScript 4.0 is officially out! The official team added exciting features such as variable parameter tuples, class attribute inference for constructors, short-circuit assignment operators, and custom JSX Factories, while the official site was rewritten to make it look cleaner. In Stackoverflow developer reports, TypeScript has become the second most popular language after Rust, and its community is mature and growing, with lots of great new resources to learn from, if you haven’t used TypeScript before, Then now would be a good time to get in.

Don’t use Javascript! Create a minesweeper game based on CSS Space Toggle + HTML

Space Toggle is a trick use of the CSS variable. Using checkboxes as data sources and certain CSS variable combinations, Space Toggle enables CSS to have basic logic control capabilities. This repository uses only CSS + HTML to implement a minesweeper game. The ReadME documentation also describes the use of Space Toggle and community discussions. As you can see from the warehouse, there are other uses for this technique besides minesweeper. For example, someone built a seven-segment digital tube Orz… .

Delve into what line-height and vertical-align in CSS stylesheets mean for the rendered result

Do you really know those CSS styles? Many of these properties work in a seemingly simple way, but they hide a lot of the secrets of page rendering when rendering elements. This includes the determination of the size of a character in a rendered result, the in-depth analysis of the height of a multi-character line, and the vertical alignment of a character in a line, which is an essential skill lesson if you focus on this direction.

Desktop development

Architecture design of multi-language Cloud & Desktop IDE

Eclipse Theia is an extensible platform for developing multi-language Cloud & Desktop ides using the most advanced Web technologies. With Theia, you can develop an IDE from the source code and then run it in a browser or as a native desktop application. The concept of Cloud IDE is in vogue now, want to know the architecture design and technology selection of industry pioneer Theia? Take a look at the official architecture design document.

Graphics programming

Based on unreal 4 engine to build the domestic game “black myth: Wukong” brush the whole net

Recently, the use of unreal 4 game engine to build the domestic game “Black Myth: Wukong” game trial video bingbang the whole network, even in YouTube is also a warm response, the game from the picture quality, special effects, animation and other aspects are high standards, the netizen see the blood surging, marvel: this will be the first domestic 3A masterpiece!

Tool to promote

React-spring, an API for more comprehensive physics engine driven curve animation framework

An animation frame that uses a physics engine (spring/cushion) to calculate animation curves. Offers more animation curve options than React-Motion; In use, support for hooks and component invocation to drive different rendering methods.

The sea gleanings

The sea is small step to thousands of miles

3D physics in ten minutes

Recently, little assistant’s circle of friends has been flooded by black Myth: Wukong, I don’t know if you have seen their promotional video? The quality is beyond expectation in every way and I’m looking forward to seeing the game soon. Similarly, for H5 small games, it also takes time and developers to constantly polish the details to have a higher quality to the players or users, choose 3D engine to build a real physical world is even more so, and this article provides a quick start tutorial. We explain in detail the problems encountered in developing 3D projects, as well as various tools and solutions. Let’s start our journey to the “new world”!

When will web pages be GPU accelerated

As it is known to all, GPU, as a microprocessor specialized in PC, workstation, game console and other devices to run graphics computing work, has incomparable advantages in graphics processing, so if you write a web page, when will you use GPU to complete page rendering and provide a smoother experience? Here’s what you’ll find out.

“Dandelion” periodical, updated weekly, we focus on mining “basic technology, engineering, cross-end framework technology, graphics programming, server development, desktop development, artificial intelligence, design philosophy, front-end framework” and other general direction of the industry hot, and professional interpretation; Not only that, we will also present selected articles on concave-convex technology to show you the technical direction of research within the team.

Look up, dandelion seeds will take root, such as summer flowers gorgeous; Gewuzhizhi, we look far, the sea, in order to accumulate silicon step to thousands of miles.

Dandelion JELLY technology weekly contributes a guide