Giter Club home page Giter Club logo

text2stl's Introduction

Netlify Status

text2stl

Generate STL with text easily !

Inspired from : https://github.com/mo22/textstl

TODO :

  • get rid of "counter" service (api no longer available ?)
  • finalize tests (font-picker, theme switcher...)
  • UI state as QP (open/close panel)
  • See some improvements asked in GH issues

Prerequisites

You will need the following things properly installed on your computer.

Google font api key

To be able to run the app, you'll need to generate a Google Fonts API key.

Then set the key as environment variable before running the ember serve command :

  • export GOOGLE_FONT_API_KEY="your-key-here"

Installation

  • git clone <repository-url> this repository
  • cd text2stl
  • npm install

Contribute

To write...

Running / Development

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

  • ember test
  • ember test --server

Update Percy snaphost

Run yarn percy exec:start, then run ember test or ember test --server & visit http://127.0.0.1:4200/tests?filter=Acceptance%20%7C%20visual.

Note: You'll need PERCY_TOKEN variable defined in your env.

Linting

  • npm run lint
  • npm run lint:fix

Building

  • ember build (development)
  • ember build --environment production (production)

Usefull links

text2stl's People

Contributors

dependabot[bot] avatar ember-tomster avatar romgere avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

text2stl's Issues

Option to export via OBJ or FBX

i like to use this tool for making text models for my video games, however i usually have to convert said file to fbx in order to import it.
it would be nice if this tool had a native fbx option.

Fix flaky tests

relay on wait is not a good solution in test to wait for WC to do "their job", another solution should be found

Generated model containing errors (not manifold???) leading to filled out holes in letters in cura

First of all thanks for this free tool 👍

The ä generated with the settings below lead to an errornous print with cura. This is likely an error in the generated model. Running the model through an STL Repair tool leads to a working model. Error reproducable with settings below and at least Cura 5.1 and 5.2.1. I have attached the STLs (output from your tool / fixed output from STL Repair) below .zip file.

Top model in Cura screenshot below is the output from your tool. Bottom model is the fixed version, notice th belly of the a not being filled any longer. I removed support layer in this view to make the error more visible. Also please notice, that in Cura preview, both models look identical.

References:
https://community.ultimaker.com/topic/38747-why-is-cura-filling-in-my-holes-please/
https://formware.co/OnlineStlRepair

Output STL Fixer

-> In queue. Waiting before you in the queue: 0 (refreshing each second)
-> Reading file and indexing vertices
-> Analysed your file:
--> 0 Naked edges (?)
--> 0 Planar holes (?)
--> 0 Non-planar holes (?)
--> 528 Non-manifold edges (?)
--> 263 Inverted faces (?)
--> 8 Degenerate faces (?)
--> 792 Duplicate faces (?)
--> 0 Disjoint shells (?)

-> Repairing: 100.00%

----- Repair completed in 2448ms ------
-> Vertex count changed from 1640 to 1724 (+84)
-> Triangle count changed from 3804 to 3444 (-360)
-> ae.stl available for download. Click the button below to download

settings1

settings2

settings3

cura_prepare

cura

STLs.zip

How about stroked/outlined Text support?

Wouldn't it be nice if there was also an option to support stroked 3D Text with outline, as we do in CSS with the "-webkit-text-stroke" property?

Could something like this be achieved?

image

Rotate feature

Would be very handy to add a rotation feature to have text wrap around a round shape, for both the vertical and horizontal axes.

For example
Vertical text
10mm high
Radius 50mm
Angle of 180 degrees

This would create a 10mm high text path that wraps half way around a 100mm vertical cylinder.

Horizontal text
15mm high
Radius 75mm
Angle of 270 degrees

This would create a text path facing upward which wraps around a 150mm circle.

I'm sure there are a few other variables that would have to be included, but just generally a handy feature to consider.

Thanks!
Justin

Persistent settings (perhaps url based?)

It would be great if you could configure the generator then come back to it later and have your settings still be there. Maybe a way to achieve this would be with URL parameters

Font settings are lost on tab change.

Reproduction:

  • Click on "font" tab.
  • Change some options (category, language, ...)
    image
  • Switch to another tab ("settings" for example)
  • Switch back to "font" tab
  • Settings has disappeared (except "font name"):
    image

Issue to use a custom font

Hi,

I tried to use a custom font but it doesn't works.

I import my .otf in the drop zone but the "Export STL" button turn darker and nothing happen... I tried with another font but it work very rarely.

Can you help me with this case ?

https://i.imgur.com/RNbcFdr.png

Handle netlify preview links

Currently preview link on PR does not work (due to rootURL?). This could be great to handle them in order to no only rely on test to see if a PR is correctly working...

Also, see #65 for further investifations.

Settings resolution

Settings on the text2stl web site can currently be modified in 1 mm increments. Would it be possible to modify the settings to allow for 0.1 mm increments?

I am using the web site to create name plaques for a 3D printer. The letters of the name are "dot-matrix" blocks created from the characters of a text string (either the same text string as the larger text, or another text string). Being able to adjust the settings in smaller increments would allow additional fine tuning in moving the individual small characters together to form a 3D-printable block of text.

Thank you for any help or ideas you can provide.
David_3d_blue

REST Api?

Is there any REST API to generate it and download the file?

is possible import another font downloaded on web?

I tried convert font file to anothers formats, woff. woff2., .otf., ttf.
Tried upload another fonts too, but whithout success. Can anyone help me?

I need upload font (JK Abode Regular Demo) for a project in 3D model.

ERROR
FILES

Font manifold edges/disappearing chars error that didn't happen previously.

Font manifold edges/disappearing chars error that didn't happen previously

Note: I will be using a known good older version of the editor while this problem is fixed

Note 2: This is an issue that stems from a very recent change

Description:

I am experiencing an issue with the CAD Editor that generates 3D text as an STL or OBJ file. The problem pertains to font manifold edges and disappearing characters for a particular font, which was not present previously. In the meantime, I plan on using an older version of the editor that is hosted by another user.

Font:

Whitney font family (You must import this as a custom font file.)

Why this font?

This font was chosen for our family ("SPH") and we use this font for physical signage.

Details:

Date when the issue was not present: May 26, 2024
Date when the issue was noticed: June 1, 2024 (yesterday)

Steps to Reproduce:

Import the Whitney Medium (or any other Whitney font variant) font as a custom font file.
Use the CAD Editor to generate 3D text as an STL or OBJ file.
Observe the manifold edges and character rendering for glitches.

Expected Behavior:

The 3D text should generate correctly without any manifold edges or disappearing characters, as it did on May 26, 2024.

Actual Behavior:

Non-Manifold geometry is present, and the majority of specific characters are disappearing in the generated 3D text files.

Environment:

Operating System: Windows 11 Home
Microsoft Edge

Files

The font file I used:

Whitney-Sans-Font.zip

Before

image

After

image

custom font won't upload

Tried it with .ttf and .otf files. I always get this message:
Unsupported font file type, please use .woff, .otf or .ttf file.

Chrome and Edge.

Add TS check in CI

There's some TS error to fix, then add type checking in CI could be great.

Emoji / icon in text

Bonjour
votre logiciel est très bien conçus, mais serrait-il possible d'intégré des objets, comme un cœur
merci

Negative text being filled in

Hello,

I'm having trouble on and off with negative text, though it seems that the trouble is not random.

Here's an example. I'm trying to make a negative text STL of my son's name, Turner, in Playpen Sans 600. If I leave the T off, it works flawlessly:

Screenshot 2023-12-30 at 9 25 06 PM

However, as soon as I add the T, it's like a diagonal stripe is added over the model:

Screenshot 2023-12-30 at 9 25 22 PM

This behavior is not seen with all fonts, but it's seen with many.
I am using Safari on Mac OS normally, but I tried with Chrome and got an identical result.
It does not appear to be just a display issue, when I bring the STLs into Cura it is still covered up.

Thanks!

Text mirrorign

I would be nice if your great tool supported text mirroring, to make it a little easier to make negatives for molds.

Pointy end

If the generated file could have a point left or right end, it would perfect for use as garden stake, marking cakes, muffins etc.

This could be accomplished by extending the current UI element for placing a handle.

A 45 degree angle to one end would be sufficient, optimally with user selectable spacing before text appers to select depth of insertion before text becomes obscured by earth.

Support cyrillic letters

There is no obvious way to choose a font (if there even is any) that can render Cyrillic in the preview and afterward generate the STL

Can't upload downloaded fonts

Hi! I want to request to fix the bug concerning the upload of font style (following the file type). Please email/message me if it was already fixed. Your site is really helpful. Thank you!

Test error

When I enter the letter 'J', I get an 'I' instead.

Get rid of opentype.js

Project is now using a WebAssembly version of https://github.com/harfbuzz/harfbuzz to generate Glyph (#131) but CFF font support was not correct & some issues start to appear (#135).

To quickly fix the issue mentioned above, and restore previous behaviour, open.type.js has been restored to the project, only to determine the outline format of the font.

We need to figure out a way to do the same with harfbuzz & get rid of opentype.js dep.

Request Fonts

Hi
Can you put Star Wars Fonts?
and/or any popular publicity or tv, or movie etc.
please!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.