EncodeTheCode

💭

Coding useful tools for workflow.

A cute programmer.

EncodeTheCode / font_rendering_v3.py

Created May 10, 2025 10:36

	import pygame

	class BitmapFont:
	def __init__(self, font_image, char_width, char_height):
	self.font_image = pygame.image.load(font_image).convert()
	self.char_width = char_width
	self.char_height = char_height
	self.font_image.set_colorkey((0, 0, 0)) # Black = transparent

	self.char_map = self.build_char_map()

EncodeTheCode / font_rendering_v2.py

Last active May 10, 2025 07:54

	import pygame

	class BitmapFont:
	def __init__(self, font_image, char_width, char_height):
	self.font_image = pygame.image.load(font_image).convert()
	self.char_width = char_width
	self.char_height = char_height
	self.font_image.set_colorkey((0, 0, 0)) # Black background made transparent

	# Define the mapping from characters to their index in the bitmap

EncodeTheCode / font_rendering_prototype_in_python.py

Created May 10, 2025 06:31

	import pygame

	class BitmapFont:
	def __init__(self, font_image, char_width, char_height, chars_per_row, chars_per_col):
	self.font_image = pygame.image.load(font_image) # Load the bitmap font image
	self.char_width = char_width # Width of each character
	self.char_height = char_height # Height of each character
	self.chars_per_row = chars_per_row # How many characters per row in the bitmap
	self.chars_per_col = chars_per_col # How many characters per column in the bitmap
	self.char_map = self.create_char_map() # Map each character to a grid position in the bitmap

EncodeTheCode / font_rendering_in_python.py

Created May 10, 2025 06:30

	import pygame

	class BitmapFont:
	def __init__(self, font_image, char_width, char_height, num_chars):
	self.font_image = pygame.image.load(font_image) # Load the bitmap font image
	self.char_width = char_width # Width of each character
	self.char_height = char_height # Height of each character
	self.num_chars = num_chars # Total number of characters in the bitmap
	self.character_images = self.extract_characters() # Extract and process each character

EncodeTheCode / gta-like_shadows28.htm

Created May 10, 2025 05:23

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Gradient Fading and Interactive Lighting</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

EncodeTheCode / gta-like_shadows27.htm

Created May 10, 2025 05:18

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Gradient Fading and Interactive Lighting</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

EncodeTheCode / gta-like_shadows26.htm

Created May 10, 2025 05:15

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Gradient Fading and Interactive Lighting</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

EncodeTheCode / gta-like_shadows25_strange.htm

Created May 10, 2025 05:12

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Gradient Fading and Interactive Lighting</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

EncodeTheCode / gta-like_shadows24_odd_ovals.htm

Created May 10, 2025 05:06

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Top-down Shadows with Gradient Fading and Interactive Lighting</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>

EncodeTheCode / gta-like_shadows23_worse.htm

Created May 10, 2025 05:05

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Oval Wall Shadows</title>
	<style>
	body { margin: 0; background: #222; }
	canvas { display: block; margin: auto; background: #333; }
	</style>
	</head>