Today I designed the logo for openworld.js (I'm not sure if Open World Zone uses it as well).

 

That's the image!

Of course, it's drawn based on SVG, a little white puppy.

<svg style="width:500px" 
	viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <!-- body -->
  <circle cx="100" cy="85" r="50"
  	fill="white" stroke="#222" stroke-width="4"/>

  <!-- ear -->
  <ellipse cx="45" cy="85" rx="15" ry="25" 
  	transform="rotate(20 50 85)" 
    fill="white" stroke="#222" stroke-width="4"/>
  <ellipse cx="155" cy="85" rx="15" ry="25"
  	transform="rotate(-20 150 85)" 
    fill="white" stroke="#222" stroke-width="4"/>

  <!-- face -->
  <circle cx="85" cy="80" r="5"
  	fill="#222"/> <!-- left eye -->
  <circle cx="115" cy="80" 
  	r="5" fill="#222"/> <!-- right eye -->
  <ellipse cx="100" cy="90" 
  	rx="6" ry="4" fill="#222"/> <!-- noise -->
  <path d="M90 100 Q100 110 110 100" 
  	fill="none" stroke="#222" stroke-width="3" 
    stroke-linecap="round"/> <!-- Mouth -->
  <circle cx="75" cy="95" r="6" 
  	fill="#FFB6C1" opacity="0.6"/> 
  <circle cx="125" cy="95" r="6" 
  	fill="#FFB6C1" opacity="0.6"/>

  <!-- King -->
  <path d="M75 50 L75 35 L87 45 L100 30 L113 45 L125 35 L125 50 Z" 
  	fill="#FFD700" stroke="#222" 
    stroke-width="3" transform="translate(0, -5)"/>

  <!-- Text -->
  <text x="100" y="170" font-family="Arial, sans-serif" 
  	font-weight="bold" font-size="14" 
  	text-anchor="middle" fill="#222">OPENWORLD.JS</text>
</svg>

A temporary demo that implements a multi-building LOD mechanism.

 My little 3D project has actually been continuously updated, and last month I named it Open World Zone.

Currently, there are three directions for optimization: content filling, multi-model management, and performance optimization.

This time, it's a demo for multi-model management, which I've separated out because the other two parts aren't fully developed yet:

(The latest demo can switch between different models based on the protagonist's position.)

https://ow.ccgxk.com/demo/dev001/ ow.ccgxk.com/demo/dev001/

I'm about to migrate to https://openworld.zone soon.

 

These past few days, I've been working on multi-models. Actually, my idea is to implement as many large-scale models as possible.

WebGL itself starts to lag after 80,000 instance models, so I try to implement dynamic loading as much as possible, allowing distant content to be loaded dynamically as needed when the main character moves far away.

In fact, it's quite counterintuitive—building a model is simple. For example, this library only took me 3 to 5 days to code. But figuring out how to achieve its current form took me nearly a month!

This is what it currently looks like: https://ow.ccgxk.com/demo/dev001/

Our First Article

We need to start thinking about writing some project articles. 

Open World Zone is a 3D interactive world page based on OpenWorld.js. It hasn't been released yet, but soon! 

You can open it directly by typing openworld.zone into your browser. The page loads very quickly, and it runs incredibly smoothly on most desktop devices. It can store a lot of content. Although its display effects and graphics can hardly compare to almost any game, what we want is simply three-dimensionality.

Image quality is definitely not the priority! Average image quality doesn't mean it can't be beautiful and elegant. We just want to create an interesting website, a new concept. WebGL has been around for so long, yet it's rarely seen on the internet. How fascinating the concept of 3D is!

It supports multiple players online, and in the future, we will develop more features based on our inspiration! This is a public world that belongs to all of us! 

We hope you enjoy it!