Zdog 1.0 to be Available

New 3D engine uses vector primitives to simulate 3D objects; the goal is to provide tools that allow working with 3D objects as easily as with vectors
30 May 2019   754

JavaScript library Zdog 1.0 has been released. This is a 3D engine that simulates three-dimensional objects based on the Canvas and SVG vector primitives, i.e. realizing three-dimensional geometric space with the actual drawing of flat forms. The code is open under the MIT license. The library has only 2100 lines of code and takes 28 KB without a minification, but it allows you to create quite spectacular objects that are similar in nature to the results of the work of illustrators.

The goal of the project is to provide tools that allow working with 3D objects as easily as with vector illustrations. The engine was created under the impression of the old computer game Dogz, in which flat two-dimensional figures based on sprite graphics were used to form a 3D environment.

Models of 3D objects in Zdog are formed using a simple declarative API and are linked by snapping and grouping simple shapes, such as rectangles, circles, triangles, segments, arcs, polygons, and curves. In Zdog, rounded shapes are used, with no pronounced polygonal irregularities. Simple shapes are visualized into more complex three-dimensional representations, such as spheres, cylinders and cubes. From the point of view of the developer, spheres are defined as points, tori as circles, and capsules as thick lines.

The constituent elements of objects are processed taking into account their relative positions and fastening with invisible anchors. All dynamic properties, such as transforms, rotations, and scaling, are vector operations defined using a Vector object. Polygon grids are supported for features.

Frontend News Digest 14 - 20.09

20 September 2019   55

Greetings! I hope your week went great! Here's new Frontend news digest.

In this digest, beginners can learn about CSS Grid, skilled coders may learn about, for example, what's new in Chrome 77 for developers, difference between axion and fetch() API and many other stuff.

Guides

Good overview on grips with Grid.

  • How to Easily Reuse Components Across Projects and Repositories

A tutorial on building, collaborating and distributing over components to create different projects.

  • Preview your Vue or React components using JSDoc

Guide on creating and publishing your Vue app documents

Article

It’ll only be a couple of years before we reach Chrome 100 and it seems Firefox wants a piece of the action :-) Firefox’s release cadence will be moving from approx 6-8 weeks per version to just 4 from Firefox 71 onward.

Chrome 77 is rolling out to users now. Here, Pete LePage dives in to what’s new for developers in this latest version.

  • Javascript Overcomes Java as The Most Popular Programming Language of 2019

Well, cool news for all frontenders, is suppose =)

  • CSV & Excel to JSON in JavaScript

Ajax & Fetch can help you with that, learn how exactly.

  • Source-maps could be revealing your private project files

Article on a possible vulnerability, beware!

  • Axios or fetch(): Which should you use?

Article, which is written to give you the better understanding of both APIs.