andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Reformat timeline elements

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-24 22:19:59 +02:00
parent af45688029
commit aab4cade5e
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
17 changed files with 201 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/data/projects/sdf2d.ts
View file

@ -1,35 +1,22 @@
import { Preview } from '../../page/basics/preview/preview';
import { Preview } from '../../page/preview/preview';
import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element-parameters';
import sdf2d from '../media/sdf2d.png';
import sdf2dPoster from '../media/sdf2d.png';
import { NPM, Open, Youtube } from '../shared';
export const sdf2dTimelineElement: TimelineElementParameters = {
title: `2D ray tracing`,
date: `2020 autumn`,
export const sdf2d: TimelineElementParameters = {
title: '2D ray tracing',
date: '2020 autumn',
figure: new Preview(
sdf2d,
sdf2dPoster,
'https://sdf2d.schmelczer.dev',
'A webpage showcasing the SDF-2D project.'
),
description: `
I created the SDF-2D library for efficiently rendering 2D scenes using ray tracing.
My solution relies on signed distance fields (SDF-s), it supports both WebGL and WebGL2,
and is an easily reusable and extensible NPM package.
`,
description:
'I created the SDF-2D library for efficiently rendering 2D scenes using ray tracing. My solution relies on signed distance fields (SDF-s), it supports both WebGL and WebGL2, and is an easily reusable and extensible NPM package.',
more: [
`
A multitude of optimisations were needed to achieve real-time performance even on low-end mobile devices.
These include deferred shading, tile-based rendering, and dynamic shader generation to eliminate unnecessary
instructions.
`,
`
The result is a reusable library written in TypeScript with a — subjectively — simple and elegant API.
For more information please check out the GitHub repository or the NPM package itself. Or simply enjoy the
mesmerising demo scenes.
`,
`
Creating this library package is also covered in my thesis (available above).
`,
'A multitude of optimisations were needed to achieve real-time performance even on low-end mobile devices. These include deferred shading, tile-based rendering, and dynamic shader generation to eliminate unnecessary instructions.',
'The result is a reusable library written in TypeScript with a — subjectively — simple and elegant API. For more information please check out the GitHub repository or the NPM package itself. Or simply enjoy the mesmerising demo scenes.',
'Creating this library package is also covered in my thesis (available above).',
],
links: [
NPM('https://www.npmjs.com/package/sdf-2d'),