Tessera
Folgen

Rägnar O'ock

@ragnar-oock.bsky.social

Web 🥔 building the tools to empower others. Creator of https://xoram.dev

125 Posts60 Follower133 Folgt
Rägnar O'ock@ragnar-oock.bsky.social · 6mo ago

I made more textures for the game, it looks a lot better in 3d now too (which is how I hope to make it in the end). And no, there's no canvas for rendering. That cobblestone texture took me forever to draw and it revealed an issue with how the textures are rendered and I can't unsee it ( è - é )

A screenshot of a city builder prototype showing a grid based map with various tiles identified by emojis and decorated by pixel art textures adapting to the type of the surrounding tiles. The backdrop of the map is a dirt texture, tiles have various backgrounds such as grass, water, asphalt and cobblestone. The cobblestone texture stands out from the other textures by its contrasting color and the lining of smaller stones shown on the outside edge of the group of tiles.A screenshot of a city builder prototype showing the background textures of a grid based map with various tiles decorated by pixel art textures adapting to the type of the surrounding tiles. The backdrop of the map is a dirt texture, tiles have various backgrounds such as grass, water, asphalt and cobblestone. The cobblestone texture stands out from the other textures by its contrasting color and the lining of smaller stones shown on the outside edge of the group of tiles.A screenshot of a city builder prototype showing the background textures of a grid based map with various tiles decorated by pixel art textures adapting to the type of the surrounding tiles. The backdrop of the map is a dirt texture, tiles have various backgrounds such as grass, water, asphalt and cobblestone. The cobblestone texture stands out from the other textures by its contrasting color and the lining of smaller stones shown on the outside edge of the group of tiles. The game board is tilted slightly away from the camera to make it look like it is placed on a table viewed from the side. Because it's a prototype the edges of the map are clipped in view of the screen making the setup feel bodged together.
Rägnar O'ock@ragnar-oock.bsky.social · 6mo ago

Today I have worked (shortly) on adding textures to my game. Because I'm lazy and didn't want to draw too many textures I used a dual grid to make it possible to have nice looking connected textures. I wouldn't have thought it to be this easy to implement.

Screenshot of a grid based city builder with somewhat random tile types scattered everywhere to showcase how the background textures connect cleanly when 2 nearby grid cells are filled with a tile. The background texture is a pixel art grass pattern and the tiles at the edges have an artistic feathering to transition between the grass texture and the blank background of the map. The tiles use emojis to illustrate their type. A set of 7 cards lay in an arc at the bottom ready to be placed on the board.
Rägnar O'ock@ragnar-oock.bsky.social · 9mo ago

I needed to try something new for a bit, so I decided to make a board game loosely inspired by Colon Catan. So far I have the board, the things that go on it and a way to control which tile can be placed where. This silly thing is built with Vue and I wouldn't have thought it such a good fit. >>>

Rägnar O'ock@ragnar-oock.bsky.social · 10mo ago

I got a new job about a month and a half back. And it's both funny and deeply depressing that now that I have 2 "actual experiences" on my CV (yes, I already updated my CV), I get so many more cold calls from recruiters. I went from 2 in 6 months to 8 in 5 weeks. And I don't like that fact at all

Adrian Roselli, pH0@aardrian.bsky.social · 12mo ago

Unfortunately, standards work may be a function of who has the biggest platform for social media polls (that pre-judge the outcome). I’m hoping those who work in or near #accessibility can offer some feedback to more fundamental, not pre-judged, questions here: bsky.app/profile/aard... #a11y

Adrian Roselli, pH0@aardrian.bsky.social · 12mo ago

[1/3] Asking the questions from this Masto post so you can respond to me here and I’ll carry them over: eigenmagic.net/@sundress/11... Think of `<label for="IDREF">` and other places you use an IDREF. 1. What are the specific pain points around using IDs? #HTML #accessibility #a11y

Adrian Roselli, pH0@aardrian.bsky.social · 12mo ago

[1/3] Asking the questions from this Masto post so you can respond to me here and I’ll carry them over: eigenmagic.net/@sundress/11... Think of `<label for="IDREF">` and other places you use an IDREF. 1. What are the specific pain points around using IDs? #HTML #accessibility #a11y

Alice Boxhall (@sundress@eigenmagic.net)

There are some posts doing the rounds at the moment asking questions about using IDREF attributes like `for` without using IDs. I think these polls are asking the wrong questions. I think these are t...

eigenmagic.net

Rägnar O'ock@ragnar-oock.bsky.social · last yr.

I have been wanting to make a small video game in JS for a while now. And who says video game, says game engine, right? right... As usual, I got sidetracked, and I'm now making an edit history system for xoram.dev, and I finally got it to do something interesting.

Adrian Roselli, pH0@aardrian.bsky.social · last yr.

I need to dispel some table accessibility myths. 1. `<thead>` and `<tbody>` are not exposed to users. Using `<thead>` to wrap multiple header rows has no effect (and you shouldn’t have multiple header rows). Partial ref: adrianroselli.com/2022/02/colu... [1/3] #accessibility #a11y #HTML

Column Headers and Browser Support

Data tables need column headers. Monolitten, a granite column of humans (each with a head) at Vigelandsanlegget, a sculpture park in Frognerparken in Oslo, Norway. What they probably do not need is a ...

adrianroselli.com

Rägnar O'ock@ragnar-oock.bsky.social · last yr.

I forgot to post about it but... The integration package for xoram and @vuejs.org is out. It's called panoramique and it uses pinia to create a dynamic component tree you can manipulate dynamically from any dependent xoram plugin. Check out the doc here : xoram.dev/plugins/pano...

xoram

xoram - A lightweight plugin framework

xoram.dev

Rägnar O'ock@ragnar-oock.bsky.social · last yr.

After 3 months of work I can finally brag about it here, I've released my first NPM package! It's called xoram and it's a small plugin engine inspired by Vue's composition API. You can check the documentation on xoram.dev I'm also working on a tie-in package to integrate with @vuejs.org and Pinia.