Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

loading screen #69

Closed
alixander opened this issue Mar 27, 2023 · 1 comment · Fixed by #71
Closed

loading screen #69

alixander opened this issue Mar 27, 2023 · 1 comment · Fixed by #71

Comments

@alixander
Copy link
Contributor

Would be perceived as a lot snappier if we show an immediate loading screen that just streams CLI output until the render shows up.

Or perhaps an overlay so that subsequent renders don't jump from image to text.

Kapture.2023-03-27.at.10.12.46.mp4

D2's CLI also spits out periodic messages when it takes a long time terrastruct/d2#1058
@alixander
Copy link
Contributor Author 

# d2 -w C:\Users\x\Documents\!misc\fridge_modded.d2 -h localhost -p 42069
# d2 -w C:\Users\x\Documents\!misc\fridge_modded.d2 -h localhost -p 42069 --theme=300 --dark-theme=200 -l elk --pad 0

# *.style.stroke: "white"

Lava: {
	shape: parallelogram
	style: {
		stroke: "#FF3300"
		stroke-width: 4
	}
}
Lava -> Alchemist.Netherrack:{
	style.stroke: "#FF3300"
}
Lava -> Alchemist.Blaze Cake:{
	style.stroke: "#FF3300"
}

Quarry: {
	style: {
		stroke: "#828282"
		stroke-width: 4
	}

	Igneous Extruder.shape: parallelogram
	Igneous Extruder -> Cobblestone

	Cobblestone
	Cobblestone -> Stone
	Cobblestone -> Gravel
	Cobblestone -> _.Forging.Gravel:{
		style.stroke: "#828282"
	}
	Cobblestone -> Diorite
	Cobblestone -> Andesite

	Stone

	Gravel
	Gravel -> Sand

	Sand
	Sand -> Glass
	Sand -> Soul Sand

	Glass
	Glass -> _.Apiary.Glass Bottle:{
		style.stroke: "#828282"
	}

	Soul Sand
	Soul Sand -> Nether Quartz

	Nether Quartz
	Nether Quartz -> Diorite

	Diorite
	Diorite -> Andesite

	Andesite
	Andesite -> _.Forging.Andesite Alloy:{
		style.stroke: "#828282"
	}
}

Woodcutting: {
	style: {
		stroke: "#AD7D00"
		stroke-width: 4
	}

	Spruce Log
	Spruce Log -> Stripped Spruce Log

	Stripped Spruce Log
	Stripped Spruce Log -> _.Forging.Andesite Casing:{
		style.stroke: "#AD7D00"
	}
	Stripped Spruce Log -> Spruce Plank

	Spruce Plank
	Spruce Plank -> Stick

	Stick
	Stick -> _.Forging.Toolsmith.Iron Sword:{
		style.stroke: "#AD7D00"
	}
}

Forging: {
	style: {
		stroke: "#D6B656"
		stroke-width: 4
	}

	Gravel
	Gravel -> Sand
	Gravel -> Clay Ball
	Gravel -> Iron Nugget

	Sand
	Sand -> Clay Ball

	Clay Ball
	Clay Ball -> Clay

	Clay
	Clay -> Terracotta

	Terracotta
	Terracotta -> Red Sand

	Red Sand
	Red Sand -> Gold Nugget

	Gold Nugget
	Gold Nugget -> _.Alchemist.Golden Carrot:{
		style.stroke: "#D6B656"
	}
	Gold Nugget -> _.Alchemist.Glistering Melon:{
		style.stroke: "#D6B656"
	}

	Iron Nugget
	Iron Nugget -> Iron Ingot
	Iron Nugget -> Andesite Alloy

	Iron Ingot
	Iron Ingot -> Toolsmith.Iron Sword
	Iron Ingot -> Toolsmith.Shears
	Iron Ingot -> Iron Bars

	Iron Bars
	Iron Bars -> _.Fishery.Water Strainer:{
		style.stroke: "#D6B656"
	}

	Toolsmith: {
		style: {
			stroke: "#D6B656"
			stroke-width: 4
		}
		Iron Sword
		Iron Sword -> _._.Animal Farm.Kill:{
			style.stroke: "#D6B656"
		}
		Iron Sword -> _._.Mob Grinder.Kill:{
			style.stroke: "#D6B656"
		}

		Shears
		Shears -> _._.Animal Farm.Shear:{
			style.stroke: "#D6B656"
		}
		Shears -> _._.Apiary.Shear:{
			style.stroke: "#D6B656"
		}
	}
}

Apiary: {
	style: {
		stroke: "#FFCC99"
		stroke-width: 4
	}

	Bee.shape: parallelogram
	Bee -> Honey Bottle
	Bee -> Shear

	Glass Bottle
	Glass Bottle -> Honey Bottle

	Honey Bottle
	Honey Bottle -> Honey

	Honey.shape: cylinder
	Honey -> _.Confectionary.Mashmallow:{
		style.stroke: "#FFCC99"
	}

	Shear.shape: hexagon
	Shear -> Honeycomb

	Honeycomb
}

Vanilla Crop Farm: {
	style: {
		stroke: "#82B366"
		stroke-width: 4
	}

	Wheat.shape: parallelogram
	Wheat -> Wheat Item
	Wheat -> Seed
	Wheat Item: "Wheat"
	Wheat Item -> _.Animal Farm.Cow:{
		style.stroke: "#82B366"
	}
	Wheat Item -> _.Animal Farm.Sheep:{
		style.stroke: "#82B366"
	}
	Wheat Item -> _.Slime Cube.Wheat Flour:{
		style.stroke: "#82B366"
	}
	Seed

	Carrot.shape: parallelogram
	Carrot -> Carrot Item
	Carrot Item: "Carrot"
	Carrot Item -> _.Animal Farm.Rabbit:{
		style.stroke: "#82B366"
	}
	Carrot Item -> _.Alchemist.Golden Carrot:{
	 style.stroke: "#82B366"
 }

	Potato.shape: parallelogram
	Potato -> Potato Item
	Potato Item: "Potato"
	Potato Item -> _.Animal Farm.Pig:{
		style.stroke: "#82B366"
	}

	Bamboo.shape: parallelogram
	Bamboo -> Bamboo Item
	Bamboo Item: "Bamboo"
	Bamboo Item -> _.Fishery.Water Strainer:{
		style.stroke: "#82B366"
	}

	Melon.shape: parallelogram
	Melon -> Melon Item
	Melon Item: "Melon"
	Melon Item -> _.Alchemist.Glistering Melon:{
		style.stroke: "#82B366"
	}

	Pumpkin.shape: parallelogram
	Pumpkin -> Pumpkin Item
	Pumpkin Item: "Pumpkin"

	Cactus.shape: parallelogram
	Cactus -> Cactus Item
	Cactus Item: "Cactus"
	Cactus Item -> _.Slime Cube.Green Dye:{
		style.stroke: "#82B366"
	}

	Sugar Cane.shape: parallelogram
	Sugar Cane -> Sugar Cane Item
	Sugar Cane Item: "Sugar Cane"
	Sugar Cane Item -> _.Confectionary.Sugar:{
		style.stroke: "#82B366"
	}
	Sugar Cane Item -> _.Confectionary.Paper:{
		style.stroke: "#82B366"
	}

	Cocoa Beans.shape: parallelogram
	Cocoa Beans -> Cocoa Beans Item
	Cocoa Beans Item: "Cocoa Beans"
	Cocoa Beans Item -> _.Confectionary.Crushed Cocoa:{
		style.stroke: "#82B366"
	}
	Cocoa Beans Item -> _.Confectionary.Chocolate:{
		style.stroke: "#82B366"
	}
	Cocoa Beans Item -> _.Confectionary.Dark Chocolate:{
		style.stroke: "#82B366"
	}
	Cocoa Beans Item -> _.Confectionary.Ruby Chocolate:{
		style.stroke: "#82B366"
	}

	Beetroot.shape: parallelogram
	Beetroot -> Beetroot Item
	Beetroot -> Beetroot Seeds
	Beetroot Item: "Beetroot"
	Beetroot Seeds

	Brown Mushroom.shape: parallelogram
	Brown Mushroom -> Brown Mushroom Item
	Brown Mushroom Item: "Brown Mushroom"
	Brown Mushroom Item -> _.Alchemist.Fermented Spider Eye:{
		style.stroke: "#82B366"
	}

	Red Mushroom.shape: parallelogram
	Red Mushroom -> Red Mushroom Item
	Red Mushroom Item: "Red Mushroom"
}

Fishery: {
	style: {
		stroke: "#6C8EBF"
		stroke-width: 4
	}

	Water Strainer
	Water Strainer -> Catch Fish

	Catch Fish.shape: hexagon
	Catch Fish -> _.Animal Farm.Raw Fish:{
		style.stroke: "#6C8EBF"
	}
	Catch Fish -> Pufferfish

	Pufferfish
}

Animal Farm: {
	style: {
		stroke: "#E356D0"
		stroke-width: 4
	}

	Cow.shape: parallelogram
	Cow -- Kill

	Pig.shape: parallelogram
	Pig -- Kill

	Rabbit.shape: parallelogram
	Rabbit -- Kill

	Sheep.shape: parallelogram
	Sheep -- Kill
	Sheep -> Shear

	Chicken.shape: parallelogram
	Chicken -- Kill
	Chicken -> Egg

	Kill: {
		shape: hexagon
		style.multiple: true
	}
	Kill -> Raw Beef
	Kill -> Raw Pork
	Kill -> Raw Rabbit
	Kill -> Raw Mutton
	Kill -> Raw Chicken

	Raw Beef
	Raw Beef -> Minced Beef

	Raw Pork
	Raw Pork -> Minced Pork

	Raw Rabbit
	Raw Rabbit -> Minced Rabbit

	Raw Mutton
	Raw Mutton -> Minced Mutton

	Raw Chicken
	Raw Chicken -> Minced Chicken

	Raw Fish
	Raw Fish -> Minced Fish

	Minced Beef

	Minced Pork

	Minced Rabbit

	Minced Mutton

	Minced Chicken

	Shear.shape: hexagon
	Shear -> Wool

	Egg -> _.Alchemist.Blaze Cake Base: {
		style.stroke: "#E356D0"
	}
	Egg -> _.Confectionary.Mashmallow: {
		style.stroke: "#E356D0"
	}
}

Alchemist: {
	style: {
		stroke: "#11D6B5"
		stroke-width: 4
	}

	Netherrack
	Netherrack -> Cinder Flour

	Cinder Flour
	Cinder Flour -> Netherrack
	Cinder Flour -> Blaze Cake Base
	Cinder Flour -> Glowstone Dust
	Cinder Flour -> Gunpowder
	Cinder Flour -> Redstone Dust

	Blaze Cake Base
	Blaze Cake Base -> Blaze Cake

	Blaze Cake

	Glowstone Dust

	Gunpowder

	Redstone Dust

	Blaze Powder
	Blaze Powder -> Apothecary.Strength

	Nether Wart.shape: parallelogram
	Nether Wart -> Nether Wart Item

	Nether Wart Item: "Nether Wart"
	Nether Wart Item -> Apothecary.Awkward Potion

	Golden Carrot
	Golden Carrot -> Apothecary.Night Vision

	Glistering Melon -> Apothecary.Healing

	Fermented Spider Eye
	Fermented Spider Eye -> Apothecary.Potion of Harming

	Apothecary: {
		style: {
			stroke: "#11D6B5"
			stroke-width: 4
		}

		Water.shape: parallelogram
		Water -> Awkward Potion

		Awkward Potion.shape: cylinder
		Awkward Potion -> Night Vision
		Awkward Potion -> Healing
		Awkward Potion -> Strength

		Night Vision: "Potion of Night Vision\n(3:00)" {
			shape: cylinder
		}
		Night Vision -> _.Glowstone Dust

		Healing: "Potion of Healing" {
			shape: cylinder
		}
		Healing -> Harming

		Harming: "Potion of Harming" {
			shape: cylinder
		}
		Harming -> _.Gunpowder

		Strength: "Potion of Strength" {
			shape: cylinder
		}
		Strength -> _.Redstone Dust
	}
}

Mob Grinder: {
	style: {
		stroke: "#B85450"
		stroke-width: 4
	}

	Skeleton.shape: parallelogram
	Skeleton -- Kill

	Zombie.shape: parallelogram
	Zombie -- Kill

	Spider.shape: parallelogram
	Spider -- Kill

	Blaze.shape: parallelogram
	Blaze -- Kill

	Kill: {
		shape: hexagon
		style.multiple: true
	}
	Kill -> Bones
	Kill -> Rotten Flesh
	Kill -> String
	Kill -> Spider Eye
	Kill -> Blaze Rod

	Bone
	Bone -> Bonemeal

	Bonemeal
	Bonemeal -> _.Slime Cube.White Dye: {
		style.stroke: "#B85450"
	}

	Rotten Flesh

	String

	Spider Eye
	Spider Eye -> _.Alchemist.Fermented Spider Eye: {
		style.stroke: "#B85450"
	}

	Blaze Rod
	Blaze Rod -> _.Alchemist.Blaze Powder: {
		style.stroke: "#B85450"
	}
}

Slime Cube: {
	style: {
		stroke: "#336600"
		stroke-width: 4
	}

	White Dye
	White Dye -> Lime Dye

	Green Dye
	Green Dye -> Lime Dye

	Lime Dye -> Slime Ball

	Water.shape: parallelogram
	Water -> Dough Ball

	Wheat Flour
	Wheat Flour -> Dough Ball

	Dough Ball
	Dough Ball -> Slime Ball

	Slime Ball
	Slime Ball -> _.Confectionary.Mashmallow: {
		style.stroke: "#336600"
	}
}

Confectionary: {
	style: {
		stroke: "#9673A6"
		stroke-width: 4
	}

	Sugar
	Sugar -> _.Alchemist.Fermented Spider Eye: {
		style.stroke: "#9673A6"
	}
	Sugar -> Caramel
	Sugar -> Chocolate
	Sugar -> Dark Chocolate
	Sugar -> White Chocolate
	Sugar -> Ruby Chocolate
	Sugar -> Mashmallow
	Sugar -> Mundane Potion
	Sugar -> Candy Cane

	Water.shape: parallelogram
	Water -> Caramel
	Water -> Mundane Potion
	Water -> Candy Cane
	Water -> Mashmallow

	Caramel.shape: cylinder
	Caramel -> Mashmallow

	Mundane Potion: "Mundane Potion\n(Sugar)" {
		shape: cylinder
	}
	Mundane Potion -> Candy Cane

	Candy Cane

	Crushed Cocoa
	Crushed Cocoa -> Cocoa Powder
	Crushed Cocoa -> Cocoa Butter

	Cocoa Powder

	Cocoa Butter
	Cocoa Butter -> Dark Chocolate
	Cocoa Butter -> White Chocolate

	Hot Chocolate.shape: cylinder
	Hot Chocolate <- Sugar #I should have done it this way initially
	Hot Chocolate <- Cocoa Powder
	Hot Chocolate <- Milk

	Cow in a Jar.shape: parallelogram
	Cow in a Jar -> Milk

	Milk.shape: cylinder
	Milk -> Chocolate
	Milk -> Dark Chocolate
	Milk -> White Chocolate
	Milk -> Ruby Chocolate

	Chocolate.shape: cylinder
	Chocolate -> Chocolate Bar

	Dark Chocolate.shape: cylinder
	Dark Chocolate -> Dark Chocolate Bar

	White Chocolate.shape: cylinder
	White Chocolate -> White Chocolate Bar

	Ruby Chocolate.shape: cylinder
	Ruby Chocolate -> Ruby Chocolate Bar

	Paper
	Paper -> Full Chocolate Bar
	Paper -> Full Dark Chocolate Bar
	Paper -> Full White Chocolate Bar
	Paper -> Full Ruby Chocolate Bar

	Chocolate Bar
	Chocolate Bar -> Full Chocolate Bar

	Dark Chocolate Bar
	Dark Chocolate Bar -> Full Dark Chocolate Bar

	White Chocolate Bar
	White Chocolate Bar -> Full White Chocolate Bar

	Ruby Chocolate Bar
	Ruby Chocolate Bar -> Full Ruby Chocolate Bar

	Full Chocolate Bar

	Full Dark Chocolate Bar

	Full White Chocolate Bar

	Full Ruby Chocolate Bar
}

@BarryNolte BarryNolte mentioned this issue Apr 1, 2023
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Busy indicator BarryNolte/d2-vscode
1 participant
@alixander