Vic 20 Screen and Character designer
Moderator: Moderators
Vic 20 Screen and Character designer
I'd like to share my latest endeavor a little HTML5 app I’ve been working on...
Online version
zip download
Please download the zip if you’re going to use it after the inital look.
I needed to learn/improve my HTML5/Javascript knowledge and this was the by-product. It’s still a WIP but I find it to be good enough for my needs.
Basically it’s a combined screen and character editor that can be used to design graphics for the Vic-20. It is intended mainly as a development tool for games etc, but I actually find it quite enjoyable for doodling!
Any feedback or exports depicting your creativity gratefully received in this thread. If I get more interest I may do some enhancements.
Below is a file you can import and may recogonise.. (paste contents into the text box and click 'Load Text')
Sample file for import
Points to note
** Refreshing the browser window or navigating away will loose all your work** so save using the export facility (see instructions) to your local disk regularly if it’s important.
FEATURES
========
- SideBySide design of characters and screen layouts
- Character designer with many features rotate/invert/shift etc
- Batch mode operations on multiple characters with copy/smart paste to shuffle them around preserving screen design integrity
- Full undo/redo (on screen designer)
- FULL multi-color support
- Typewriter mode
- Bitmap editor with import function
- MINIPAINT import/export
- Char and screen data shown as text for copy/paste (and save to files) to your source code in hex/decima/binary
- Settings (Various pallettes, keymaps etc)
Enjoy.
btw.. I just knocked up the Popeye screen - doesn't mean I'm working on the game
Last edited by beamrider on Mon Feb 06, 2017 4:59 am, edited 3 times in total.
Re: Vic 20 Screen and Character designer
Great app!
Is it possible to add support for 8x16 characters? And change screen size?
Is it possible to add support for 8x16 characters? And change screen size?
Re: Vic 20 Screen and Character designer
Thanks
sure - will do. Changing screen size was already on my todo list.
sure - will do. Changing screen size was already on my todo list.
Re: Vic 20 Screen and Character designer
This is great but I'm having a few problems with it in Firefox 24.8 on Linux.
Changing the colours doesn't seem to do anything, everything stays blue/cyan. In fact changing the current character colour updates both BG and CHAR simultaneously.
The instructions are resizable but there's no scrollbar.
Changing the colours doesn't seem to do anything, everything stays blue/cyan. In fact changing the current character colour updates both BG and CHAR simultaneously.
The instructions are resizable but there's no scrollbar.
Re: Vic 20 Screen and Character designer
..sorry, as mentioned I've only tried it in Chrome so far. Will try firefox when I have chance.srowe wrote:This is great but I'm having a few problems with it in Firefox 24.8 on Linux.
Changing the colours doesn't seem to do anything, everything stays blue/cyan. In fact changing the current character colour updates both BG and CHAR simultaneously.
The instructions are resizable but there's no scrollbar.
- Mike
- Herr VC
- Posts: 4856
- Joined: Wed Dec 01, 2004 1:57 pm
- Location: Munich, Germany
- Occupation: electrical engineer
Re: Vic 20 Screen and Character designer
Judging from the display of the multi-coloured '@' character, it looks as if your app displays the bit combination %10 as auxiliary colour and %11 as foreground/character colour.
This is an error: for multi-coloured characters, VIC-I interprets the bit combination %10 as foreground and %11 as auxiliary colour.
This is an error: for multi-coloured characters, VIC-I interprets the bit combination %10 as foreground and %11 as auxiliary colour.
Re: Vic 20 Screen and Character designer
Try now mc transpose should be fixed.
-
- Omega Star Commander
- Posts: 1371
- Joined: Thu Jan 31, 2008 2:12 pm
- Website: https://robert.hurst-ri.us
- Location: Providence, RI
- Occupation: Tech & Innovation
Re: Vic 20 Screen and Character designer
Slick-looking, will have to try this out.
Any technology distinguishable from magic is insufficiently advanced.
https://robert.hurst-ri.us/rob/retrocomputing
https://robert.hurst-ri.us/rob/retrocomputing
- orion70
- VICtalian
- Posts: 4342
- Joined: Thu Feb 02, 2006 4:45 am
- Location: Piacenza, Italy
- Occupation: Biologist
Re: Vic 20 Screen and Character designer
Too bad you're not really working on a port of Popeye
Re: Vic 20 Screen and Character designer
Downloaded!
Vic 20 Screen and Character designer
Yes! I would love to try any browser based development tools. I'm warming up to the idea of cross development, but I hate windows. Haha. Excited to try this.
For additions: how about importing graphic files like the C64 online "Slixed" editor?
P.S. - make Popeye, please.
Sent from my iPhone 6 Beta using Tapatalk
For additions: how about importing graphic files like the C64 online "Slixed" editor?
P.S. - make Popeye, please.
Sent from my iPhone 6 Beta using Tapatalk
Re: Vic 20 Screen and Character designer
Ok folks. I've uploaded a new version that supports the above features. Please give it a try.Misfit wrote:Great app!
Is it possible to add support for 8x16 characters? And change screen size?
A word of caution, changing the screen geometry mid flow will result in loss of work!
Please clear out your cache before reporting any issues. You can do this in chrome by pressing F12, right clicking on the refresh button and selecting "Empty Cache and Hard reload"
Will have a look at cross-browser support next..
Re: Vic 20 Screen and Character designer
Hah, funny
I'm programming a new game and I use CSM (Commodore Sprite Maker). I use my own converter which exports sprite data.
Now I imported sprite data to your application and it worked! Amazing..
I'm programming a new game and I use CSM (Commodore Sprite Maker). I use my own converter which exports sprite data.
Now I imported sprite data to your application and it worked! Amazing..
Re: Vic 20 Screen and Character designer
...now I'm intrigued what your game could be - difficult to tell from those sprites.
Nice to know there's another quality game in the pipeline anyway..
Nice to know there's another quality game in the pipeline anyway..
Re: Vic 20 Screen and Character designer
Ok, I've made some changes and uploaded a new version (0.3)srowe wrote:This is great but I'm having a few problems with it in Firefox 24.8 on Linux.
Changing the colours doesn't seem to do anything, everything stays blue/cyan. In fact changing the current character colour updates both BG and CHAR simultaneously.
The instructions are resizable but there's no scrollbar.
It now seems to work [apart from a few minor niggles] in Chrome, Firefox and Internet Explorer (11).
Please give it another try.