jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rename

This commit is contained in:
Orion Reed 2024-12-22 22:37:13 -05:00
parent d494e8cd46
commit e69f60b59f
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
labs/folk-brush-field.ts → labs/folk-alignment-brush.ts
View File

@ -10,8 +10,8 @@ interface AlignmentLine {
isHorizontal: boolean; isHorizontal: boolean;
} }
export class FolkBrushField extends FolkBaseSet { export class FolkAlignmentBrush extends FolkBaseSet {
static override tagName = 'folk-brush-field'; static override tagName = 'folk-alignment-brush';
// Core structure // Core structure
#alignments = new Set<AlignmentLine>(); #alignments = new Set<AlignmentLine>();

5
labs/standalone/folk-alignment-brush.ts Normal file
View File

@ -0,0 +1,5 @@
import { FolkAlignmentBrush } from '../folk-alignment-brush';
FolkAlignmentBrush.define();
export { FolkAlignmentBrush };

5
labs/standalone/folk-brush-field.ts
View File

@ -1,5 +0,0 @@
import { FolkBrushField } from '../folk-brush-field';
FolkBrushField.define();
export { FolkBrushField };

8
website/canvas/field-effect-brush.html → website/canvas/alignment-brush.html
View File

@ -23,14 +23,14 @@
border: 2px solid rgba(0, 0, 0, 0.5); border: 2px solid rgba(0, 0, 0, 0.5);
} }
folk-brush-field { folk-alignment-brush {
pointer-events: all; pointer-events: all;
} }
</style> </style>
</head> </head>
<body> <body>
<folk-gizmos></folk-gizmos> <folk-gizmos></folk-gizmos>
<folk-brush-field> <folk-alignment-brush>
<folk-shape x="100" y="100" width="50" height="50"></folk-shape> <folk-shape x="100" y="100" width="50" height="50"></folk-shape>
<folk-shape x="100" y="200" width="50" height="50"></folk-shape> <folk-shape x="100" y="200" width="50" height="50"></folk-shape>
<folk-shape x="100" y="300" width="50" height="50"></folk-shape> <folk-shape x="100" y="300" width="50" height="50"></folk-shape>
@ -44,11 +44,11 @@
<folk-shape x="550" y="200" width="40" height="120"></folk-shape> <folk-shape x="550" y="200" width="40" height="120"></folk-shape>
<folk-shape x="150" y="500" width="55" height="55"></folk-shape> <folk-shape x="150" y="500" width="55" height="55"></folk-shape>
<folk-shape x="350" y="350" width="75" height="45"></folk-shape> <folk-shape x="350" y="350" width="75" height="45"></folk-shape>
</folk-brush-field> </folk-alignment-brush>
<script type="module"> <script type="module">
import '@labs/standalone/folk-shape.ts'; import '@labs/standalone/folk-shape.ts';
import '@labs/standalone/folk-brush-field.ts'; import '@labs/standalone/folk-alignment-brush.ts';
import { Gizmos } from '@lib/folk-gizmos.ts'; import { Gizmos } from '@lib/folk-gizmos.ts';
</script> </script>
</body> </body>