Skip to content

Commit 9cc3e1d

Browse files
YasInvolvedYasInvolved
committed
fix and reorganize nabla page
1 parent b368c33 commit 9cc3e1d

File tree

4 files changed

+41
-42
lines changed

4 files changed

+41
-42
lines changed

‎app/nabla/page.tsx‎

Lines changed: 41 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@ import imguiPng from "@/public/nabla/imgui.png"
1111
import rt_screenshotJpg from "@/public/nabla/rt_screenshot.jpg"
1212
import rt_screenshot1Jpg from "@/public/nabla/rt_screenshot1.jpg"
1313
import sdf_function_manipGif from "@/public/nabla/sdf_func_manip.gif"
14-
import volume_reconstructPng from "@/public/nabla/volume_reconstruct.png"
14+
import path_traced_1Png from "@/public/nabla/path_traced_1.png"
15+
import path_traced_2Png from "@/public/nabla/path_traced_2.png"
1516
import { StaticImport } from "next/dist/shared/lib/get-img-props"
1617

1718
function GridImage({ src, unoptimized }: { src: string | StaticImport, unoptimized?: boolean }) {
@@ -30,57 +31,55 @@ function GridImage({ src, unoptimized }: { src: string | StaticImport, unoptimiz
3031
export default function Page() {
3132
return (
3233
<main className="container mx-auto flex flex-col px-12 overflow-y-auto snap-mandatory scroll-smooth">
33-
<Slide className="h-dvh">
34-
<Image src={devshLogo} alt="Nabla Logo" className="aspect-square w-[240px] xl:w-[480px]"/>
35-
<Paragraph>
36-
<Link href="https://github.com/Devsh-Graphics-Programming/Nabla" className="hover:text-teal-200 transition-colors duration-300">Nabla</Link> (previously called <Link href="https://github.com/buildaworldnet/IrrlichtBAW" className="hover:text-teal-200 transition-colors duration-300">IrrlichtBaW</Link>) is a new renovated version of older Irrlicht engine. The name change to Nabla allows for using Nabla side by side with the legacy Irrlicht and IrrlichtBaW engines. The project currently aims for a thread-able and Vulkan-centered API, the Vulkan backend is almost complete, and OpenGL and ES backends are currently in maintenance mode.
37-
</Paragraph>
38-
</Slide>
39-
<Slide className="max-g-dvh">
40-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
41-
<div>
42-
<h1>Main Features</h1>
43-
<ul className="px-2 py-4 flex flex-col flex-wrap gap-1 list-disc list-inside font-thin text-sm sm:text-md lg:text-lg">
44-
<li>Curated List of Vulkan Features and Extensions the Nabla Core Profile</li>
45-
<li>Easy filtering of Vulkan Physical Devices by capabilities</li>
46-
<li>SPIR-V and Vulkan as first class citizens</li>
47-
<li>First class integration of Renderdoc</li>
48-
<li>Extensive use of Timeline Semaphores (event handlers, cpu callbacks on gpu conditions)</li>
49-
<li>GPU Object life cycle tracking (descriptor sets and commandbuffers)</li>
50-
<li>Reusability: HLSL2021 Standard Template Library</li>
51-
<li>Testability: HLSL subset compiling as both C++ Host and SPIR-V Device code</li>
52-
<li>Future Proof: C++20 Concepts in HLSL for safe and documented Static Polymorphism</li>
53-
<li>Insane: Boost PreProcessor and Template Metaprogramming in HLSL!</li>
54-
<li>Embraces Buffer Device Address and Descriptor Indexing to the full</li>
55-
<li>Minimally Invasive (vulkan handle acquisition, multiple windows, content playing second fiddle)</li>
56-
<li>Designed for Interoperation (memory export, import and Coming Soon: CUDA Interop)</li>
57-
<li>Cancellable Future based Async I/O</li>
58-
<li>Virtual File System (archive mounting, our alternative to #embed, everything is referenced by absolute path)</li>
59-
<li>Asset Managment: Directed Acyclic Graphs</li>
60-
<li>Asset Converter: Merkle Trees de-duplicating GPU Object Instances</li>
61-
<li>Unit tested BxDFs in a Statically Polymorhic framework</li>
62-
<li>In Progress: GPU ECS (Property Pools)</li>
63-
<li>SPIR-V Introspection and Layout creation</li>
64-
<li>Extensions (ImGUI, FFT, Workgroup Prefix Sum, Blur, Counting Sort In Progress: Autoexposure, Tonemap, GPU MPMC Queue, OptiX Interop, Global Scan)</li>
65-
<li>Coming Soon: Scene Loaders, GPU Driven Scene Graph, Material Compiler v2 for efficient scheduling of BxDF graph evaluation</li>
66-
</ul>
67-
</div>
68-
<div className="grid">
69-
<Image src={nablaScreenshot1} alt="Nabla Screenshot 1" className="aspect-video w-full max-h-full object-cover max-lg:hidden"/>
70-
</div>
71-
</div>
72-
</Slide>
7334
<Slide>
35+
<Image src={devshLogo} alt="Nabla Logo" className="aspect-square w-[240px] xl:w-[480px]"/>
36+
</Slide>
37+
<Slide className="h-full sm:p-12">
7438
<h1>Showcase</h1>
7539
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 max-h-full overflow-y-scroll my-2">
40+
<GridImage src={nablaScreenshot1} />
7641
<GridImage src={fluidGif} unoptimized />
7742
<GridImage src={imguiPng} />
7843
<GridImage src={rt_screenshotJpg} />
7944
<GridImage src={rt_screenshot1Jpg} />
8045
<GridImage src={sdf_function_manipGif} unoptimized />
81-
<GridImage src={volume_reconstructPng} />
46+
<GridImage src={path_traced_1Png} />
47+
<GridImage src={path_traced_2Png} />
8248
</div>
8349
</Slide>
50+
<Slide>
51+
<h1>About</h1>
52+
<Paragraph>
53+
<Link href="https://github.com/Devsh-Graphics-Programming/Nabla" className="hover:text-teal-200 transition-colors duration-300">Nabla</Link> (previously called <Link href="https://github.com/buildaworldnet/IrrlichtBAW" className="hover:text-teal-200 transition-colors duration-300">IrrlichtBaW</Link>) is a new renovated version of older Irrlicht engine. The name change to Nabla allows for using Nabla side by side with the legacy Irrlicht and IrrlichtBaW engines. The project currently aims for a thread-able and Vulkan-centered API, the Vulkan backend is almost complete, and OpenGL and ES backends are currently in maintenance mode.
54+
</Paragraph>
55+
</Slide>
56+
<Slide className="max-h-full flex flex-col">
57+
<h1>Main Features</h1>
58+
<ul className="px-2 py-4 gap-1 list-disc list-inside font-thin text-sm sm:text-md lg:text-lg">
59+
<li>Curated List of Vulkan Features and Extensions the Nabla Core Profile</li>
60+
<li>Easy filtering of Vulkan Physical Devices by capabilities</li>
61+
<li>SPIR-V and Vulkan as first class citizens</li>
62+
<li>First class integration of Renderdoc</li>
63+
<li>Extensive use of Timeline Semaphores (event handlers, CPU callbacks on GPU conditions)</li>
64+
<li>GPU Object life cycle tracking (descriptor sets and commandbuffers)</li>
65+
<li>Reusability: HLSL2021 Standard Template Library</li>
66+
<li>Testability: HLSL subset compiling as both C++ Host and SPIR-V Device code</li>
67+
<li>Future Proof: C++20 Concepts in HLSL for safe and documented Static Polymorphism</li>
68+
<li>Insane: Boost PreProcessor and Template Metaprogramming in HLSL!</li>
69+
<li>Embraces Buffer Device Address and Descriptor Indexing to the full</li>
70+
<li>Minimally Invasive (vulkan handle acquisition, multiple windows, content playing second fiddle)</li>
71+
<li>Designed for Interoperation (memory export, import and Coming Soon: CUDA Interop)</li>
72+
<li>Cancellable Future based Async I/O</li>
73+
<li>Virtual File System (archive mounting, our alternative to #embed, everything is referenced by absolute path)</li>
74+
<li>Asset Managment: Directed Acyclic Graphs</li>
75+
<li>Asset Converter: Merkle Trees de-duplicating GPU Object Instances</li>
76+
<li>Unit tested BxDFs in a Statically Polymorhic framework</li>
77+
<li>In Progress: GPU ECS (Property Pools)</li>
78+
<li>SPIR-V Introspection and Layout creation</li>
79+
<li>Extensions (ImGUI, FFT, Workgroup Prefix Sum, Blur, Counting Sort In Progress: Autoexposure, Tonemap, GPU MPMC Queue, OptiX Interop, Global Scan)</li>
80+
<li>Coming Soon: Scene Loaders, GPU Driven Scene Graph, Material Compiler v2 for efficient scheduling of BxDF graph evaluation</li>
81+
</ul>
82+
</Slide>
8483
</main>
8584
)
8685
}

‎public/nabla/path_traced_1.png‎

703 KB
Loading

‎public/nabla/path_traced_2.png‎

830 KB
Loading

‎public/nabla/volume_reconstruct.png‎

-4.72 MB
Binary file not shown.

0 commit comments

Comments
 (0)